[ { "id": "534ed4c72468366f5410adc169efc", "title": "HAX development", "created": 1548826475, "location": "documentation-1/hax-development", "description": "Include HAX in your projectThe developers docs will lay out the many specifications that make HAX possible including core concepts, different schema's it leverages ad how to define app store spec in ", "text": "development quick start individual components inside modules folders haxcms directory clone lrnwebcomponents element changes setup links sites build include project developers specifications possible including concepts different schemas leverages define store order integrations further install reference import template appstore definition paragraph editable thats behold power thousand source raining their editors complex ecosystem " }, { "id": "587de126437b4864a3ea540788371", "title": "HAX11ty", "created": 1597690877, "location": "integrations-1/hax11ty", "description": "HAX + 11ty = HAX11ty! HAX11ty gives you the best of SEO from 11ty while using the HAX editor and the HAXcms theme engine for presenting material. This gives you the SPA capabilities of fast loading r", "text": "11ty hax11ty gives while using editor haxcms theme engine presenting material capabilities loading routes reload loads physical create repository github actions support built meaning check which updated update video shows early michael potter" }, { "id": "36c4fc6067c043c28f71c6a117e8b", "title": "Query examples", "created": 1553349518, "location": "documentation-1/haxcms/theming/core-elements/query-examples", "description": " Hold up there. You didn't cover any of the query tags in that last section!Ok ok, here's the deal. Queries are so important that they needed their own section. Calm down Dwight we'll handle that n", "text": "there didnt cover query section heres queries important needed their dwight handle elements incredibly powerful aspects haxcms theming deserve anyway example result conditions metadata funny spoken pages useful always element library structure effectively return anything anywhere matches criteria exact matching though getting children unless specifically requested great things parents level items which exactly conjunction repeat caveats doesnt render itself template polymer convention looking javascript order results visual output slice takes hierarchy chops dynamic methodology dynamicmethodology start parent fixed fixedid title child 2 4 levels delivered leveraging again leveling would allow create analyzes current active 3 below instance youve being returned block shows documentation attempts standardize practice wiring something requires supply going unfortunate limitation nature description location changed updated static based infrastructure changing dynamically during possible usage havent rolled themes could placing latest posts upcoming events thats passed unchanging loaded think simple views construct drupal worldview " }, { "id": "asd7dab5820865e3c3e4267f233f6", "title": "What is HAX", "created": 1548826475, "location": "welcome/what-is-hax", "description": "HAX - Headless Authoring eXperienceHAX is a WYSIWYG unlike any other. You extend your world by extending the web through the web component standard. HAX has a simple schema and integrations to allow", "text": "headless authoring experience wysiwyg unlike other extend world extending through component standard simple schema integrations allow anyone author widget means developers fundamentally change operates while expressing highly semantic structure understand silly example maker mother shades image https media2 giphy media 3cb7aom6347pw components bottom platform style width 50 leverages capability express advanced functionality single order build itself ultimately dozens complex though shows interface cascades unpacks unique doesnt editing hasnt built above things general sense custom element object could theoretically directions these emitted capable elements editor critical implication extended modify about definitions limited develop creating rules content produced operate anywhere without after effectively organizing pages source either button screenshot below files uploaded place holder selected rendering adding caption panel insert writes properties takes piece converts backend output trace meaning definition longer require migrates between platforms access there integrated managing makes visual assets website " }, { "id": "692eb91c400334295d9fcaac64691", "title": "WCFactory Tooling", "created": 1548826475, "location": "documentation-1/hax-development/wcfactory-tooling", "description": "", "text": "tooling publish components library called wcfactory while required managing related elements convenience installation script https githubusercontent elmsln master wcfactoryme factory churns agnostic unified development testing build production pipeline eliminate barriers component adoption because 23rd 89 18 traffic handle polyfills publishing global github" }, { "id": "welcome", "title": "Our Mission", "created": 1548826475, "location": "welcome", "description": "We're on a mission to empower the next billion creators to share their voice with the world and in doing so, create a less toxic web. Regardless offfff ability, platform,tribe or income", "text": "mission empower billion creators share their voice world doing create toxic regardless offfff ability 160 platform tribe income haxtheweb society editor stand alone install lrnwebcomponents integrate textarea older wysiwyg editors integrations 11ty wordpress classicpress drupal 7 8 9 backdropcms gravcms haxcms works component based design assets never keeps without adding content produced semantic video player above anywhere involved slack channel things components community people across platforms brainchild bryan ollendyke michael potter nikki massaro kaufman charles lavera chorus contributors contributions arizona state university plugin national archives audit libraries hax11ty eberly college science contributor maintainers architecture check additional details " }, { "id": "96d00871d866c65eb7f04e242bde5", "title": "apps", "created": 1548826475, "location": "documentation-1/hax-development/hax-app-store/apps", "description": "", "text": "single definition example flickr integration haxtheweb below integrations pieces annotated order illustrate provides advanced complete about source details title display represent image collections optional present color accent author future yahoo description original photo sharing platform status available rating 0 grouping sources images creative commons crowdsourced connection object declares connect service protocol https additional headers added authorization bearer potentiallysomebigsignaturehere usually querying somebigkeyhere supported operations include browse delete method endpoint services pagination methodology style props photos perpage total pages needed search schema label supply input field textfield license select options 1 public domain 2 attribution 3 4 share alike requests 20 format nojsoncallback extras information coming across resultmap gizmo match results defaultgizmotype video location where items found response resource collection preview stuff whatever fields citation caption reading individual nodes editing inputs update adding uploading request " }, { "id": "f0af8879a79c4d1cafc4e23c32f52", "title": "CSS vars", "created": 1553349518, "location": "documentation-1/haxcms/theming/css-vars", "description": "CSS can be modified via CSS variables. CSS variables create a happy middle ground between the constraints of Shadow DOM (namely that styles are fully encapsulated) and designers wanting flexibility a", "text": "modified variables create happy middle ground between constraints shadow namely styles fully encapsulated designers wanting flexibility control design leverage heavily template layer allow about theme already apply unlike normal polymer library build supports convention operate mixins write blocks variable which someone whatever valid attributes level several implemented below example haxcms basic forms clean baseline sites 37474f color ffffff indicator active accent arrow 8px children block button background height 250px border 2px solid black white padding 16px title display inline heading family montserrat helvetica tahoma geneva arial serif 32px margin bottom rendering optimizelegibility weight 600 " }, { "id": "dfd62788ba484051a869986e59568", "title": "Concepts", "created": 1550643005, "location": "documentation-1/haxcms/concepts", "description": "HAXcms seeks to be a microsite generator and manager that doesn't require any command line in order to operate. HAXcms leverages HAX to give a best in class authoring experience while HAXcms seeks to", "text": "haxcms seeks microsite generator manager doesnt require command order operate leverages class authoring experience while eliminate barriers publishing content online words phrases worth understanding haxeditor editor individual thats created outline sites schema manage theme single component based agnostic elements components design assets anywhere" }, { "id": "e3dafe1a1f50183468f39f378e4dd", "title": "Add Content", "created": 1548826475, "location": "documentation-1/ux-concepts/add", "description": "Add Content\u00a0is how you create and add complex blocks to the HAX page editor. These blocks can be variable based on what you chose to include (see appstore) but ultimately are just adding web compon", "text": "content create complex blocks editor these variable based chose include appstore ultimately adding components editable surface editing interface which writes properties attributes slots element " }, { "id": "275a092860abb7cec2b6d0e358264", "title": "Core concepts", "created": 1548826475, "location": "documentation-1/core-concepts", "description": "", "text": "gizmo advanced piece media interactivity placed technical level component users content readers functionality helping complete maybe embed article wikipedia create gorgeous responsive video would without knowledge gizmos ensure consistent visual presentation authoring experience across myriad complex wired support remote capabilities search youtube leaving editing under while provide definitions talking commonly modified connect almost anything " }, { "id": "39074718758fd51b1dc515cfbb79e", "title": "hello-world element", "created": 1548826475, "location": "documentation-1/hax-development/hello-world-element", "description": "Let's see what goes into the element called @haxtheweb/example-hax-element\u00a0in order to learn how we can wire anything up to HAXeditor.@haxtheweb/example-hax-element/example-hax-elem", "text": "element called lrnwebcomponents example order learn anything haxeditor import reference haxwiring behaviors connectedcallback cycle component specification appended exists establish wiring setup which ensure store ready canscale canposition caneditsource false gizmo title description provide apart working icons android color green groups handles usage author owner company settings quick configure property inputmethod textfield required available boolean advanced " }, { "id": "650eaa59478c46748ef393e4b43e2", "title": "HAXcms", "created": 1563972322, "location": "welcome/why-haxcms-1", "description": "HAXcms powers this website and is a hybrid static site generator, a new class of CMS. It's hybrid in that everything is written to static like a static site generator and it's 100% decoupled via web ", "text": "haxcms powers website hybrid static generator class everything written 100 decoupled components features micro manager manage multiple sites single install powered files which version control every change executed front outline tools automatically tracked folder friend database lives operations write editing didnt ability serve pages publishing makes purely service worker whole offline installable capability 0 config build themes custom baked contextually loads based should weird thats trouble describing without tooling required sustainable building maintaining handle fields doesnt require infrastructure running beyond beaker browser organic living permanent hacking limitations content authoring capabilities principles support platforms devices empower authors looking produced haxeditor available older markup regardless structure learn rules producing elements dictate decentralize things peoples cross platform because adopted component standard development system management create compile about 98 4 traffic globally server rendering employs progressive enhancement methodology meaning browsing means latest greatest constantly worry library changing revolution evergreen browsers 93 polyfills 11 " }, { "id": "5a6e664338344ac5ae70009026375", "title": "Installation", "created": 1550643005, "location": "documentation-1/haxcms/installation", "description": "Generic PHP install directionsHave PHP? well then you can setup HAXcms pretty quick. Just download HAXcms and navigate to its directory in a browser. It'll attempt to automatically install (which is ", "text": "generic install directions setup haxcms pretty quick download navigate directory browser attempt automatically which create basic folders youll ascii telling password seeks 0 config installation anything didnt sense issue queues start installs docker linux users possible needed windows desktop https following lando docksal githubusercontent elmsln master scripts haxcmsme command haxing through prompts scripted arguments backend needs configuration files answer haxtheweb youre having issues installing script ensure version 4 flavors 3 allows rapidly working webdev stack their machine heres steps using similar hosting latest github place htdocs either level copying shown image below placing folder where already installed things servers button click website started build organically vagrant recommend container manager though based above basically downloading running going support methods often clone terminal window magic username admin building static sites locally anywhere right apache gotchas existing server might configurations would cause matter local overrides allowed something apache2 haxlocation options indexes followsymlinks allowoverride require granted " }, { "id": "a91393ea31f830bd888f275a05e08", "title": "blox", "created": 1548826475, "location": "documentation-1/hax-development/hax-app-store/blox", "description": "", "text": "internal normal wysiwyg would layouts lists plate populate theres other generate layout ensure decent defaults produced schema below definition above details displaying visually title 33 66 columns author 4 8 status available piece which series element definitions array place holder properties 2 content 1 image " }, { "id": "504d6323873d49e39de0ffa56c28f", "title": "Get Involved!", "created": 1553197584, "location": "get-involved-1", "description": "Join our communityJoin us on the\u00a0HAXTheWeb Slack\u00a0channelJoin us for\u00a0HAXcamp Un-code every Friday 3 pm - 5 pm (EST)Follow / use the #HAXTheWeb hash tagJoin our projectsHAXcms - That which ", "text": "community haxtheweb slack channel haxcamp every friday 3 5 follow projects haxcms which powers website unbundled webcomponents methodology building deploying components monorepo editing experience other matter wcfactory build maintain component library should special check integrations platform specific repos organization wants involved great heres organizations project reach members happy conference calls forge partnerships especially around production solution though implications public reset hourly issue queue questions bring developers junkies explore details makes multiple across hundreds various overwhelming imagine something being developer contrib because takes thats right showing getting things powered people wanting better accessible easier painful develop place reality could snoop escorting brand anything possible limit yourself claims where " }, { "id": "ac67dab5820865e3c3e4267b1bf60", "title": "Integrations", "created": 1548826475, "location": "integrations-1", "description": "HAX provides plenty of ways to integrate into the platforms you already use! Here are some of the plugins and integrations below this heading.Some things a liittle bit crazyCode Pen?!Demonstration", "text": "provides plenty integrate platforms already plugins integrations below heading things liittle crazy demonstration autoloading component codepen bookmarklet allows injecting website details inject parts sites exploring ecosystem electron reaches maturity youll " }, { "id": "3859b3ac1ef545b4909c3892f97a9", "title": "Skin a site", "created": 1553354507, "location": "documentation-1/haxcms/theming/skin-a-site", "description": "Theme skinning is the easiest way to build a decent looking theme in HAXcms. This method is geared toward people that know CSS and HTML but can't get into the weeds of web components or javascript.Wo", "text": "theme skinning easiest build decent looking haxcms method geared toward people weeds components javascript workflow select custom system sites mynewsite modify structure design liking minimal barrier entry those seeing files touch change requires tooling utilize either " }, { "id": "eca7c8a4393a4e688cb4440e94683", "title": "Block settings", "created": 1597689709, "location": "documentation-1/ux-concepts/block-settings", "description": "Block settings will change contextually based on which block has been selected in the editable area of the page. In this screenshot, a paragraph has been selected and so the icon associated with it is", "text": "block settings change contextually based which selected editable screenshot paragraph associated shown element other contextual tells should editing interface normal notice additional fields changed reflected instantly " }, { "id": "44a138ea51224a2bb2ce8bf1fb11b", "title": "Structure", "created": 1550643005, "location": "documentation-1/haxcms/structure", "description": "By design we've got a very simple structure. The goal of HAXcms isn't to lock you into anything and so we've simplified our file structure over other solutions.The key directories / files include:fi", "text": "design simple structure haxcms anything simplified other solutions directories files include youve uploaded through interface pages folders named their content index created hitting outline schema object defines relationship front stitch together service worker makes screen microsite" }, { "id": "f1c8e3a4eddb806a8a3a206c1e33f", "title": "HAX schema", "created": 1548826475, "location": "documentation-1/hax-development/hax-schema", "description": "Implementing HAXSchemaIn order for your element to talk to the HAX editor, you need to implement static get haxProperties() on your element. This callback either returns a String based location of ", "text": "implementing haxschema order element editor implement static haxproperties callback either returns string based location where lives directly appstore documentation describes integrate without defining example definition reference specification understanding standard expressing communicate component 160 broken major groupings settings basic boolean scaled slider width canscale position center justified canposition source future caneditsource false after these booleans gizmo section internal calling custom represented interfaces reason everywhere would confusing should important things detailed below comments title display description provide apart working represent selection displays icons android color green grouping filtering groups handlers allow stitch together sources information gizmos render youtube supplies value points video picks match 1 additional field presented presents player default implementations because which handles block property insert array objects multiple types reserved anything looking something matching present coming right pulls sticks caption fallback matches ability across though primarycolor metadata along author owner company wiring forms capable elements grouped three different areas quick segment schema provides singular properties select screenshot accentcolor accent inputmethod colorpicker format attribute theme enable invert colors configure shows moving manager hitting youll defaulted textfield required validationtype track closed captions thumbnailsrc thumbnail image optional poster mediatitle simple under label advanced configuration selects darktranscript transcript hidetimestamps timestamps stamps preload preloaded options media stickycorner sticky corner plays scrolled range choose disable bottom other audio mp3 mp4 tracks languages subtitles features thumbnails interactive annotation human readable english srclang letter language german spanish " }, { "id": "29e7d7f5db3e3ef0733aed41d88f2", "title": "Solutions", "created": 1548826475, "location": "welcome/solutions", "description": "Modularity is key to HAX success. Here are some of the solutions that HAX provides which leverage the HAXeditor interface.HAX editorHAX or HAXeditor is the editor of the future you're using in this ", "text": "modularity success solutions provides which leverage haxeditor interface editor future youre using editing capabilities youve solution other projects based common integrations check works haxcms slimmest possible content management system thanks awesome power boils creation handful files behind scenes highly readable small loading single contains relationships between pages those stored manipulate simple server technology basically update making publishing baked github documentation section deeper website viewing powered controls bottom right would implementation demoing organization trying educations remote moment world where little controlled completely uniform manner actually pulls together universe media across helps bridge knowledge creators publishers eliminates involved anyway haxiam platform thats deploy multiple people abstraction enables users point deployment leverages hooks built allow integration enterprise login providers perfect organizations looking provide their micro still early " }, { "id": "174499517504468ab3154388b85c0", "title": "Web components", "created": 1553349518, "location": "documentation-1/haxcms/theming/web-components", "description": "Do you know full on web component development? Well, you can build a new theme from scratch. The best way to learn is by picking a part some of our examples. For this we'll analyze the haxcms-slide-th", "text": "component development build theme scratch learn picking examples analyze haxcms slide import classes components polymerelement polymer element haxcmstheme lrnwebcomponents elements haxcmsthemewiring title print button active navigation indicator paper icons tooltip simple colors shared styles imports basic helpful themes first wiring library provides basis custom state management typically without having concepts class haxcmsslidetheme extends statement wraps thereby giving together about digging bridges store written design layer leverage anything writing convention referencing bound variable template heres variables youll commonly direct example would sitetitle ancestortitle parenttitle activetitle activeitemfields images 0 power under approach create field definitions haxschema extend capabilities pages required there small block doing following slotted content during display helps ensure clicks haxeditor opposed currently working sends backend which updates front changes ensures visible editing related appear somewhere leveraged whatever beyond correctly target integrated using position reposition dynamically covered write referenced provide prints different leveraging system discuss order cleaner " }, { "id": "5a9ea17e63ce96f3e94fd5282b290", "title": "WordPress", "created": 1549428503, "location": "integrations-1/wordpress", "description": "We support WordPress too! In order to use HAX though you'll want to replace the Gutenberg editor. The following steps will help you get it up and running.Get the Classic Editor. This plugin helps re", "text": "support wordpress order though youll replace gutenberg editor following steps running classic plugin helps restore wanted unzip rename break platform specific assets content" }, { "id": "db25d465f8ee6d9ba738f9e94305d", "title": "Documentation", "created": 1548826475, "location": "documentation-1", "description": "HAX may seem complex, but it's built on a series of standards that will never break. As a result of the complexity of these standards, there are things you should know prior to digging into HAXedit", "text": "complex built series standards never break result complexity these there things should prior digging haxeditor related solutions storybook styles element listing important started using various elements check robust design examples details blogging social members development participate called uncode heres media blogs follow additional writing tutorials videos about btopro nikkimk haxtheweb haxcamp twitter accounts youtube channel " }, { "id": "faaa119810c7ff30ece601b30a9c0", "title": "stax", "created": 1548826475, "location": "documentation-1/hax-development/hax-app-store/stax", "description": "Stax are what most WYSIWYG systems would call Templates. Stax in HAX are a series of HAX element schema's in succession.Below is a definition for the \"example lesson\" seen above. This is a larger ex", "text": "wysiwyg systems would templates series element schemas succession below definition example lesson above larger probably items stack template layout except pieces group deleted shortcut generating details describes visually while subsequent property array title image author description status available rating 0 h2 properties content introduction learning network fundamentally different other technologies reading youve added really solid instruction video player style width 75 margin 0px display block source https youtube watch pklpq4ufo64 nocookie embed showinfo controls 1 iframed sandboxed false 560 height 315 responsive caption educational technology thats existed sustainable innovation secondarycolor fff9c4 textcolor 000000 secondarycolorclass yellow lighten 4 textcolorclass black ytnocookie ytsuggested ytcontrols yttitle vimeotitle vimeobyline vimeoportrait videocolor ff031d resource 86bfd28d 8b57 a3b9 b2e5 prefix oerschema schema terms xmlns creativecommons h3 pretest check 50 float right farm1 staticflickr 642 21641107852 3602f9c1a8 stickers associated shown presented laptop correct backgroundcolor b2dfdb backgroundcolorclass 08d09967 a7c9 3d02 8935 traditional management system considered generation digital environment nlearn about ngdle educause think already ahead something history review illustrate flexibility authoring platform multiple choice checklabel guess resetlabel clear hidetitle question founded answers label bryan ollendyke mythic elves michael potter nikki massaro kauffman charles lavera correcttext great incorrecttext again randomize typeof assessment 97ffed48 c928 39ae 1bea development responsible existing improves wants solution transform education world anyone community developed organizations displayedanswers trick theres 59426af4 ecf2 f49d 06a6 " }, { "id": "251f207e4046a4b040ce7c28fe38a", "title": "Search", "created": 1548826475, "location": "documentation-1/ux-concepts/find", "description": "Search is a data interoperability layer to HAX where web components data binding shines. Search is able to stitch remote data together with local web components in order to streamline workflows. You ", "text": "search interoperability layer where components binding shines stitch remote together local order streamline workflows source directly context click question building instantly " }, { "id": "06233713d866335181da841d39311", "title": "UX concepts", "created": 1548826475, "location": "documentation-1/ux-concepts", "description": "The HAX UI can be broken down into three major production concepts. Content authors are either:Adding something they already haveEditing the Settings of the activated element on the pageSearch for ", "text": "broken three major production concepts content authors either adding something already editing settings activated element search media remote sources template predefined layout " }, { "id": "0e4cc53c944f658a5440eacc5a1c0", "title": "Related technologies", "created": 1548826475, "location": "documentation-1/related-technologies", "description": "", "text": "there several technologies should learn about going understand built extend schema official website standard provides describing contained modify those values extensively called object related definition fully binded example https tutorialspoint draft 04 title product description acmes catalog properties unique identifier integer string price number minimum 0 exclusiveminimum required abstraction order provide forms updating wired elements wanted types input fields access learning would place start outline expressing storing relation between objects gives simple linking together concepts entities entity 1 indent location parent metadata enough visually represent information larger 3 items which express nested hierarchy consistent 123 d321d d2e dd2 author lrnwebcomponents series material teach structure content license glance potentially icons quilt 2 introduction outlines files 2nd break these higher whole created short explain valid additional details could relating needed universe works array contain pages leaves element within position inward something indented levels resource references display weighting relative other match level child container" }, { "id": "a839d5c13321a395c0324ea8ea2cf", "title": "autoloader", "created": 1548826475, "location": "documentation-1/hax-development/hax-app-store/autoloader", "description": "Autoloader is waaayyy easier to implement then the other parts of the appstore spec and is probably the most important as it loads all the elements that will be available to your users. All it is is a", "text": "autoloader waaayyy easier implement other parts appstore probably important loads elements available users array object references should forcibly definitions bootstrapping heres basic example steps information definition finishes bootstrap ready loops through element following attempts dynamically import creates instance virtually looks static haxproperties exists valid haxschema leverage details there different declare schema simple three common forms explain maker lrnwebcomponents another location whatever upload canscale false canposition caneditsource gizmo title button color orange groups community author settings configure property label description inputmethod textfield saveoptions wipeslot method simply youll importing anything thats published built their basically enable future support defining capabilities could issue actually because possibly logistics application charge imported powerful verbose allows potentially someone elses defined define yourself means supply wiring based mental model performance benefit building design library including class " }, { "id": "aa589faae860422182fadf6d57328", "title": "Templates and Layouts", "created": 1597689709, "location": "documentation-1/ux-concepts/templates-and-layouts", "description": "Templates and layouts allow you to drop in pre-built pieces of content structure. This might be a series of images or an example of content that could be written.", "text": "templates layouts allow built pieces content structure might series images example could written " }, { "id": "a84c35ec85c84c7cb4ab80c2fbc87", "title": "Core elements", "created": 1552437937, "location": "documentation-1/haxcms/theming/core-elements", "description": "While you're not required to use them, HAXcms supplies a series of elements that can make theme development effortless. You can see the source of these in greater detail under the theme directory of h", "text": "while youre required haxcms supplies series elements theme development effortless source these greater detail under directory brief overview provide interface seeks apply pattern technique sentence dramatic effect everyone knows about heading stands semantic drink sweats thats right allows complex state managed system without needing understand management important awesome people twitter designers design intricacies making collapsed field expand relative dictated active store intentionally confusing worded something themes directly implement layer simple blogs footer element great example heres module imports dependencies lrnwebcomponents latest import components title blocks children block outline layout modal navigation breadcrumb indicator button query slice render print pretty explanatory because wrapped h1 child items based criteria match basic license details house other trail links buttons navigating through previous parent first kinds options visualization hierarchy complete checkmarks given optional styling highlighted scrolls small screens fantastic level focus support 4 levels printing displays opened window 2 0 1 format applies correct values discover homepage themselves examples check leverage heavily across style variables inside custom available learn implementing multiple against always reread section " }, { "id": "49d727fbb5c8871a3979a51431169", "title": "F.A.Q.", "created": 1548826475, "location": "f-a-q-1", "description": "Are web components ready for prime time?Yes. Web components effectively turn the HTML of a site into a consistent API. HAXeditor leverages this approach and standardizes its usage in order to ", "text": "components ready prime effectively 160 consistent haxeditor leverages approach standardizes usage order supply incredible amount functionality browser majority provide prior interfacing server files understand modify content whats support compiled ie11 major browsers natively supports though mostly evergreen haxcms broad fragmented optimize experience device lowest highest quality numbers based global traffic aggregate updated 2020 11 safari 9 1 older frame 8 es5 fallback 18 below watered 7 chromium bottom firefox 48 67 10 modern 96 5 native es6 elements supplies written appstore specification defining available other demos leveraging autoloader piece which component definitions schema separate desired useful editorial workflows permissions scenarios these require operate modifies inside itself exports means longer required render writing could semantic ensure lives platform being scope element unpack correctly otherwise compare wordpress gutenberg plugin terms mission attempt click build website tonight minimal solution masses reduce barriers entry expression takes critical differences philosophy design technical implementation goals seeks improve publishing systems constructed fraction empower anyone privacy sovereignty individuality peoples eliminate production integration delivery material internet expensive hence domain larger points different highlighted independent touches agnostic highly focused needs improving authoring users embeds blocks layer nuance operations wildly block example tabbed items another button inline believes editing across complex delivered level illustrates selecting would adoption training through cognitive increase things primary construction method upload media thats separately integrated process dependent deliver boils creation mental model author authors either something create layout remix template system produces react specific logistics produced capable believe extending broader capabilities first second duplication efforts globally improves resource sharing requiring plugins vanillajs litelement polymerelement compatible library produce while limited popular examples following skatejs svelte vuejs wrapper angular custom passes testing everywhere should where brain child pennsylvania state university originally created power instructional innovations quickly realized potential transform original development evangelist infancy conceived 2016 experimented 2017 manifested 2018 actualized 2019 bryan ollendyke btopro project developer michael potter nikki massaro kauffman nikkimk charles lavera cgldevel collins assessment katrina katrinamwehr melissa hicks juststormy champion there nothing together better plures" }, { "id": "ca8c6ba8c0128ace343a3701f2060", "title": "Drupal", "created": 1548826475, "location": "integrations-1/drupal", "description": "Try on SimplyTest.meTry HAX on Simplytest me in a few steps without needing to install anythingGo to Simplytest me and pick HAX modulePick 9.x,8.x or 7.xLog in, go to Administration -> Configurat", "text": "simplytest steps without needing install anything module 9 8 7 administration configuration content authoring input formats filters filter disabled things garland getting setup drupal works 6 mostly prove point while routines largely follow directions flavor branching easiest require additional modules going project aware version components download platform found readme these files copythisstuff folder enable should block editor enjoy haxing special order upload capabilities youll entity restws created common feature using features which dependencies sites " }, { "id": "01e0f49a190a4c8dae0e83d62675e", "title": "Roadmap", "created": 1565290387, "location": "welcome/roadmap-1", "description": "HAX encompasses many different projectsThis roadmap illustrates all the projects related to HAX and ELMS:LN, which HAX comes from. The little settings gears found throughout illustrate enhancements a", "text": "encompasses different projects roadmap illustrates related which comes little settings gears found throughout illustrate enhancements steps wheel house theres planned haxeditor haxcms additional future capabilities result these important understand relationships through innovations between major pieces parts detailed relationship before getting organization included details haxiam three space benefit being built components server technology while front assets fully requires backend pages below image consolidating information arrows illustrating innovation always building blocks usually bubbling either there influences improves inside improvements platforms makes copies generated foundation project roadmaps " }, { "id": "5df45272f6b94f4fb65016c47aeac", "title": "Publishing", "created": 1550643005, "location": "documentation-1/haxcms/publishing", "description": "HAXcms requires being published in order to be visible to other people. Working locally or on Desktop or on a server, is akin to you writing a document on your computer. It's not shared with anyone. W", "text": "haxcms requires being published order visible other people working locally desktop server writing document computer shared anyone recommend setup publishing ahead hassle later setting listing click settings right corner youll modal options plugging github credentials password aspect optional enter behalf container which allows future requests publish happen automatically stored manually files after using heading npublishing sites share update website hitting button inside bottom started currently provider supported local installation method providers additional development flexibility understanding whats actually happening things ready general those operations takes underlying commits version control though already should pushes these origin repository likely switches branch pages deviate needed deletes symlinks replaces correct references leverages specified super charge users through correctly rewrite index match paths where going sends clean master everything indicated successful meaning pushed there depending content minutes change usually within about 2 passed refresh address youve previously probably theme 5 seconds message indicating available clicking refreshing browser updated happens because called service worker enables 100 offline capable ensures traffic absolutely necessary workflows might between thats terminal following yoursite checkout branches valid distribution wasnt their destination " }, { "id": "44cc230b07db442a90cf687e2d089", "title": "haxHooks", "created": 1617802345, "location": "haxhooks", "description": "Elements can integrate deeply into HAX state management using what we call \"hax hooks\". By supplying a method on your web component like haxHooks()\u00a0you are magically able to tap into different li", "text": "elements integrate deeply state management using hooks supplying method component haxhooks magically different cycle steps within editor because simplicity power exhaustive internal documentation should consulted issue ensure document missing search lrnwebcomponents monorepo usage order discover additional implementations beyond pointed below posts about topic supply their editing experience webcomponents example basic which strings implement async callbacks await allows safely defer element whatever wants structure callback without disrupting activation conversion schema virtualize sanitation purposes adding things return activeelementchanged haxactiveelementchanged editmodechanged haxeditmodechanged inlinecontextmenu haxinlinecontextmenu gizmoregistration haxgizmoregistration preprocessnodetocontent haxpreprocessnodetocontent postprocessnodetocontent haxpostprocessnodetocontent progressiveenhancement haxprogressiveenhancement preprocessinsertcontent haxpreprocessinsertcontent store powerful fires whenever appstore definition loaded supplies instance haxstore written object while seemingly examples leverage super sample inject shortcut logic supplied convert based hijacks baked support instead default wikipedia query github preview custom public endpoints being media including these autoloader block translatable haxproperties maker twitter embed translations means spanish would fields inputs opposed english static value activates selects modify active inactive false functional aspects prior receiving could preventing behavior clickable ebook button another possible making pieces shadowroot contenteditable activated nodes itself changes longer cemenu after allow buttons operations context hovers above access multiple choice quick removing potential answers quickly right before converted content entire happens triggered event converting saved returned backend known clean taking complex property innerhtml children progressive enhancement string appended alternative accomplish during response useful forcible regexing output specific words video player ensuring there empty arrays required field detail virtual inserted modification thats answer doesnt bleed through duplication inserting selecting " }, { "id": "c86470aa02954c9d9f1748ad79ab0", "title": "Presentations", "created": 1552910817, "location": "welcome/presentations", "description": "This is the youtube playlist of all things HAXTheWebThis playlist is updated on a regular basis so make sure to subscribe to the youtube channel for updates. There's also many other playlists relat", "text": "youtube playlist things haxtheweb updated regular basis subscribe channel updates theres other playlists related wcfactory haxcms components general " }, { "id": "4824986b1897568dfdd94b882ea6e", "title": "BackdropCMS", "created": 1548826475, "location": "integrations-1/backdropcms", "description": "Getting HAX setup in BackdropCMSSearch for HAX on BackdropCMS.org\u00a0or from within your Backdrop siteFollow the instructions in the Web components module README\u00a0for buildingDon't worry, HAX requ", "text": "getting setup backdropcms search within backdrop follow instructions components module readme building worry requires comes files supply details install enable modules should enjoy haxing " }, { "id": "7ab2e2fd622f4a0f9967599410c6c", "title": "Scavenger Hunt", "created": 1563970537, "location": "scavenger-hunt-1", "description": "Become part of our dynasty franchise **by wearing a cool jerseyWe're building the greatest roster of people ever to HAX the complacency of our industry. Take the HAX scavenger hunt at the next ev", "text": "become dynasty franchise wearing jersey building greatest roster people complacency industry scavenger event movement winners rocking their merch completing onelittlebecca drupalgovcon 19 jproffitt natefollmer" }, { "id": "7f3dd6904c3f4616baa5159b9a158", "title": "Dev workflows", "created": 1553349518, "location": "documentation-1/haxcms/theming/dev-workflows", "description": "Our development workflow is as follows (for themes)All custom theme work happens in your _config directoryMake my-theme.js, pull everything together, either in this directory or in a wcfactory cat", "text": "development workflow follows themes custom theme happens config directory everything together either wcfactory catalog elements youve reference element update block include something haxtheme myorganization eberly tells haxcms select valid local during polymer serve components locally while recommended sites mynewsite entrypoint adjust opens address after youll which leveraging assets referenced modules project install would other manually point location actively working develop until liking shipping build routine important currently forks original source because recompile youre trying around involving rollup delete symlink replace publish leverage future admittedly component rough maintain built modular system without tooling having workflows directly allow streamline creation current limitations existing webcomponents whatever there pegged projects creating creates effect ensure place order power " }, { "id": "e6daa06edfd243a4ade80c0ded24e", "title": "Life cycle", "created": 1554496047, "location": "documentation-1/haxcms/life-cycle", "description": "This is a general life cycle that happens when HAXcms \"boots up\". When web components are unpacking the contents of what to do it generally will work this way.page load, should it be no-js or a web c", "text": "general cycle happens haxcms boots components unpacking contents generally should component delivered preflight builder loads reads outline schema starts bootstrap theme items title appends editor which checks context established based global values nodejs beaker login point check theres users local finds backend injects bridge haxeditor injected correct place unpacks thing event driven architecture allows jumping different operational steps reacting these changes design pattern means fires javascript written react operation example haxiam implements custom configuration listeners included class question include replace iamconfig haxcmsconfig system listener getjwtuser addeventlistener array later additionally callback public function token enterprise uservar ensures there object instance above correctly associate influence constructed config after bootstraps initial metadata constructing block document connection settings authorized points connecting modifying logic where flows integrations following hooks allow supplanting intentionally simplistic organization specific examples didnt built useful other methods access validate except every transaction ensure matches decoding supply manually methodology refresh deemed needing supplies looks " }, { "id": "4bce35464d5344568eae494c79180", "title": "HAXcms", "created": 1550643005, "location": "documentation-1/haxcms", "description": "HAXcms, that which powers the site you are currently reading is a powerful \"static site generator\" paradigm. It leverages server technology in order to orchestrate a static site. That way the \"server\"", "text": "haxcms which powers currently reading powerful static generator paradigm leverages server technology order orchestrate needed securely develop their content difference generators unlike solutions jekyll anyone publish website those understand command intended installed allow users entirely create manage micro sites visualization" }, { "id": "cdd303d04490443394fa0e78cf849", "title": "Internationalization - i18n", "created": 1617805490, "location": "documentation-1/hax-development/internationalization-i18n", "description": "We've created a way to internationalize ANY web component you create. Because this is a complex topic, and we seek to empower anyone, anywhere to work with web components; i18n is a critical piece of ", "text": "created internationalize component create because complex topic empower anyone anywhere components i18n critical piece accessibility improving knowledge access doing without requiring framework driven approach knowing element production complicated series decisions details these i18nmixin install mixin lrnwebcomponents manager folder called locales spanish translation japanese would example import class myelement extends htmlelement constructor stuff registerlocalization context basepath connectedcallback render innerhtml invokes dependency which might similar dependencies custom event youll still convention translatable heres invoke needed window dispatchevent customevent register detail namespace haxproperties localespath decodeuricomponent using vanilla directory naming simplifies integration timing initiated registration method within thats going arrive haxcms property " }, { "id": "52727dcfa7d590e9c459a4a53dd07", "title": "HAX Element Schema", "created": 1548826475, "location": "documentation-1/hax-development/hax-element-schema", "description": "", "text": "example element schema object pretty simple abstraction elements helps packaging sanitization h2 properties content introduction learning network fundamentally different other technologies reading youve added really solid instruction video player component style width 75 margin 0px display block source https youtube watch pklpq4ufo64 nocookie embed showinfo 0 controls 1 iframed sandboxed false 560 height 315 responsive caption educational technology thats existed sustainable innovation secondarycolor fff9c4 textcolor 000000 secondarycolorclass yellow lighten 4 textcolorclass black ytnocookie ytsuggested ytcontrols yttitle vimeotitle vimeobyline vimeoportrait videocolor ff031d resource 86bfd28d 8b57 a3b9 b2e5 prefix oerschema terms xmlns creativecommons " }, { "id": "5dede24a2de74faea00b31e8121e3", "title": "I have issues", "created": 1553556295, "location": "welcome/i-have-issues", "description": "You have a problem or would like to contribute to anything in our universe? That's awesome! All issues, feature requests and general thumbs up should happen in our issue queue on github:\u00a0https://gith", "text": "problem would contribute anything universe thats awesome issues feature requests general thumbs should happen issue queue github https elmsln" }, { "id": "677468f67bff4bb6bd2a18520d88b", "title": "ClassicPress", "created": 1565279009, "location": "integrations-1/classicpress-1", "description": "ClassicPress is a popular fork of WordPress that's even easier to get HAX up and running then it is in the original!Get the HAX plugin\u00a0from the wordpress registryGo to edit / create a page/post ", "text": "classicpress popular wordpress thats easier running original plugin registry create haxing installation video shows installing manually store " }, { "id": "c75009029aed41178949a6597a02d", "title": "Troubleshooting", "created": 1553555764, "location": "documentation-1/haxcms/troubleshooting", "description": "These are some common issues / resolutions in HAXcms related to installation, publishing, etc.I installed HAXcms and forgot my passwordYour username and password can be found in _config/config.php o", "text": "these common issues resolutions haxcms related installation publishing installed forgot password username found config server assuming local development clicked login nothing happened locked clear browser cache cookie might invalid again publish minute times since creating commit rewriting files front waiting github before triggers successful response setup click dashboard listing ensure youve integration correctly realize everything outline schema theres issue something check sites mysite settings variables cascade stored globally replicated locally allow pealed easily imported exported other setups " }, { "id": "4de60a5f98aba602edfc0cf024e83", "title": "HAX app store", "created": 1548826475, "location": "documentation-1/hax-development/hax-app-store", "description": "", "text": "store specification provides integration capabilities block tells haxeditor rules which complete example available outline different parts supports detail source either upload search supply definition connect remote things elements series wrapped inside plate element modified pieces fundamentally entire thing piece moved group stack added think these autoloader automatically loaded setup " }, { "id": "897a98394ca3a3364795afca7b6de", "title": "GravCMS", "created": 1548826475, "location": "integrations-1/gravcms", "description": "There's two plugins needed to run HAX on GravCMS - The web components and HAX plugins.Web components plugin\u00a0- provides the build routine and installation instructionsHAX plugin\u00a0- editor capab", "text": "theres plugins needed gravcms components plugin provides build routine installation instructions editor capabilities enable these beware there conflicts between markdown parsing disable parser pages " }, { "id": "a52fb6850a2f4bc08e62457cf01d6", "title": "Theming", "created": 1550643005, "location": "documentation-1/haxcms/theming", "description": "There are multiple ways to \"theme\" in HAXcms that align with the skillsets of the person doing the theme development. Know web components? Cool. Know basic CSS and HTML? Cool. Want to build something ", "text": "there multiple theme haxcms align skillsets person doing development components basic build something complete ground robust templating engine unleash creativity written wcfactory tooling order improve management component libraries scale lrnwebcomponents element portfolio required fancy yourself modern front developer might watch video these dives layer great seeing whats possible about making themes store state works internally always designers heres source learn which viewing currently initial example looks copyright 2019 pennsylvania university license apache 2 0 import polymerelement polymer haxcmstheme elements haxcmsthemewiring navigation breadcrumb active title button print simple colors layout drawer paper learn2 microcopy language worth noting customelement index class learntwotheme extends render function static template return style display block family helvetica tahoma geneva arial serif letter spacing 03rem weight 400 background fafafa h1 h2 h3 h4 h5 h6 montserrat rendering optimizelegibility height 150 hidden contentcontainer padding 48px 96px header 747474 color center 0rem 1rem 2rem heading 52px 3px 78px margin bottom 27 2px 13 6px 100 position relative overflow inline decoration 28px 383f45 ffffff scroll 100vh 200px container 2d3237 webkit scrollbar track shadow inset 4px 56 63 69 9 border radius width thumb 1px available 300px scrim 80 8 content buttons justify space evenly white black narrow 16px menubutton menubutton2 absolute 1 fixed 64px transition 4s delay 2s opacity disabled hover focus 160px unset transparent important right opened properties custom binding easier obtain directly notice operate correctly status props super boolean reflecttoattribute toggledrawer toggle window customelements define export " }, { "id": "c5e61b84e88a5a4829c65908117ec", "title": "Creating new ones!", "created": 1548828434, "location": "integrations-1/creating-new-ones", "description": "The main piece to our integrations is wrapped up in something we call \"The magic script\". The magic script is a standard way of dynamically discovering and importing the definitions of web components ", "text": "piece integrations wrapped something magic script standard dynamically discovering importing definitions components leverage approach platform because simplifies initial question teach about theres entire series integration methodology detail works stand alone custom builds found unbundled below recommended array elements already include window appcdn https webcomponents state automatically hydrate discovered including family things every support examples angular other frameworks folder common example wordpress plugin function document ready press haxthepress createelement wysiwyg template target tinymce const content queryselector textarea replicate providing light fieldclass editor fieldname fieldid opendefault elementalign savebuttonselector input submit publish haxthepressconnector appstoreconnection previously innerhtml value append appendchild clonenode insert field exactly where parentnode insertbefore removechild jquery integrate using correctly loaded replacing capable general advisement haxeditor keeps functionality front really little tying anything result systems currently capabilities effectively point appstore specification upload files optional filtering valid system accept saved database doing sanitation prior storage process should strips youll white listing order ensure component through " } ]