Ben Sturmfels
e15fd51e3b
Ran: wget --mirror --convert-links --adjust-extension --page-requisites --no-parent https://2024.fossy.us/
299 lines
11 KiB
HTML
299 lines
11 KiB
HTML
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!DOCTYPE html>
|
||
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="description" content="">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
||
<title>FOSSY 2024 | Presentation: You say you want a (web) revolution?</title>
|
||
|
||
<meta property="og:type" content="website" />
|
||
|
||
<link rel="icon" href="../../../static/build/img/favicon.ico" />
|
||
|
||
<!-- Cards -->
|
||
<meta property="og:title" content="FOSSY 2024 | Presentation: You say you want a (web) revolution?">
|
||
<meta property="og:description" content="" />
|
||
<meta property="og:url" content="https://2024.fossy.us/schedule/presentation/198/">
|
||
<meta name="twitter:site" content="@conservancy">
|
||
<meta name="twitter:image:alt" content="FOSSY 2024 | Presentation: You say you want a (web) revolution?" />
|
||
<meta name="twitter:card" content="summary">
|
||
<meta name="twitter:image" content="https://2024.fossy.us/static/build/img/conservancy_logo_tall_mono.png" />
|
||
<meta property="og:image" content="https://2024.fossy.us/static/build/img/conservancy_logo_tall_mono.png" />
|
||
<meta property="og:image:width" content="400" />
|
||
<meta property="og:image:height" content="400" />
|
||
|
||
|
||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
|
||
<link rel="stylesheet" href="https://unpkg.com/tachyons@4.12.0/css/tachyons.min.css">
|
||
<link href="../../../static/build/scss/app.css" rel="stylesheet" type="text/css" />
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<script type="text/javascript">
|
||
var CONF_TZ = "US/Pacific";
|
||
</script>
|
||
</head>
|
||
<body class="">
|
||
|
||
<header class="clearfix d-print-none">
|
||
|
||
|
||
|
||
|
||
<nav class="navbar navbar-expand-lg navbar-dark" style="background: rgb(19,119,82); background: linear-gradient(124deg, rgba(19,119,82,1) 0%, rgba(19,106,119,1) 100%); margin-bottom: 1rem">
|
||
<div class="container">
|
||
<h2 class="sans-serif f2 f1-ns b lh-solid tracked-tight mv0 mr3">
|
||
<a class="washed-yellow hover-washed-yellow" href="../../../index.html" style="text-decoration: none">
|
||
FOSSY 2024
|
||
</a>
|
||
</h2>
|
||
|
||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
|
||
<span class="navbar-toggler-icon"></span>
|
||
</button>
|
||
|
||
|
||
|
||
<div class="collapse navbar-collapse" id="navbarText">
|
||
<ul class="navbar-nav mr-auto">
|
||
|
||
<li class="nav-item dropdown">
|
||
|
||
<a class="nav-link dropdown-toggle" href="index.html#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||
About
|
||
</a>
|
||
<div class="dropdown-menu">
|
||
|
||
|
||
|
||
<a class="dropdown-item " href="../../../about/index.html">About FOSSY</a>
|
||
|
||
</div>
|
||
|
||
</li>
|
||
|
||
<li class="nav-item dropdown">
|
||
|
||
<a class="nav-link dropdown-toggle" href="index.html#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||
Attend
|
||
</a>
|
||
<div class="dropdown-menu">
|
||
|
||
|
||
|
||
<a class="dropdown-item " href="../../../dashboard.html">Dashboard</a>
|
||
|
||
<a class="dropdown-item " href="../../../attend/tickets/index.html">Tickets</a>
|
||
|
||
<a class="dropdown-item " href="../../../travel/index.html">Travel and Lodging</a>
|
||
|
||
<a class="dropdown-item " href="../../../attend/volunteer/index.html">Volunteer</a>
|
||
|
||
<a class="dropdown-item " href="../../../events/index.html">Events</a>
|
||
|
||
<a class="dropdown-item " href="../../../attend/code-of-conduct.html">Code of Conduct</a>
|
||
|
||
<a class="dropdown-item " href="../../../attend/health-and-safety/index.html">Health and Safety</a>
|
||
|
||
<a class="dropdown-item " href="../../../attend/terms-and-conditions/index.html">Terms and Conditions</a>
|
||
|
||
<a class="dropdown-item " href="https://sfconservancy.org/privacy-policy/">Privacy policy</a>
|
||
|
||
</div>
|
||
|
||
</li>
|
||
|
||
<li class="nav-item dropdown">
|
||
|
||
<a class="nav-link dropdown-toggle" href="index.html#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||
Program
|
||
</a>
|
||
<div class="dropdown-menu">
|
||
|
||
|
||
|
||
<a class="dropdown-item " href="../../index.html">Schedule</a>
|
||
|
||
<a class="dropdown-item " href="../../../pages/tracks/index.html">Tracks</a>
|
||
|
||
</div>
|
||
|
||
</li>
|
||
|
||
<li class="nav-item ">
|
||
|
||
<a class="nav-link" href="../../../sponsorship/index.html">
|
||
Sponsorship
|
||
</a>
|
||
|
||
</li>
|
||
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
|
||
</header>
|
||
|
||
|
||
|
||
<main role="main" class="container">
|
||
<div class="row">
|
||
<div class="col page-header">
|
||
<h1 class="page-title">You say you want a (web) revolution?</h1>
|
||
<p class="lead">
|
||
|
||
338 | <span class="presentation-time" data-starttime="2024-08-03T16:30:00" data-endtime="2024-08-03T17:15:00">Sat 03 Aug 4:30 p.m.–5:15 p.m.</span>
|
||
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
|
||
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
<div class="row presentation-details">
|
||
<div class="col-md-3">
|
||
<h2 class="mt-4">Presented by</h4>
|
||
<ul class="list-unstyled">
|
||
|
||
<li class="mb-4 pb-2">
|
||
|
||
<img src="https://secure.gravatar.com/avatar/a7fb7ea999fa93ee6c34445dbe95b150?s=120&d=mp" alt="Bryan T Ollendyke" class="rounded-circle img-fluid">
|
||
<p>
|
||
<strong><a href="../../../speaker/profile/331/index.html">Bryan T Ollendyke</a></strong><br />
|
||
|
||
<a href="https://twitter.com/btopro">@btopro</a><br />
|
||
|
||
|
||
<a href="https://hax.psu.edu">https://hax.psu.edu</a>
|
||
|
||
</p>
|
||
<div class="bio">HAXTheWeb project lead. Educating Penn State students the last 5 years in how to build and extend open source platforms using web standards. I have worked at Penn State for 18 years building and contributing to open source projects. HAX is my moonshot to change the way we publish and distribute web materials.</div>
|
||
</p>
|
||
</li>
|
||
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="col-md-9 presentation-abstract">
|
||
<h2 class="mt-4">Abstract</h4>
|
||
|
||
<div class="abstract pb-4"><p>Through web standards, we have given developers the tools to build powerful web experiences.
|
||
Through web standards, we have given corporations the tools to build powerful customer bases.
|
||
Through web standards, we have given the richest .0001% of planet earth the knowledge to make the money printing machine go brrrrr.
|
||
|
||
"We'd all love to see the plan" as the song goes.. So let's try the statement again.
|
||
|
||
Through web standards, we can build amazing things, but the web is too hard for a 99.99% of earth to be creative with it. At least not on their own without 3rd party, proprietary systems (social media, web site tonight companies, etc) that push high quality UX in exchange for owning user-data and locking them into these solutions.
|
||
|
||
HAX The Web seeks to attack the problems of web creation, portability, sustainability, and complexity to lower barriers to participation for the common-person. HAX, short for Headless Authoring eXperience, is an ecosystem of highly performant W3C spec Web Components, 100s of them. These highly semantic tags for things like < video - player > or < multiple - choice > allow users to add engaging experiences to the web in a sustainable format that is platform free.
|
||
|
||
We can't just create tags and walk away though, we must build better authoring experiences or these semantic tags will lay in the hands of the few. That's why we built the < h-a-x > tag, a series of web components that work anywhere that inject a powerful drag and drop authoring experience that is able to understand the definition of other web components to allow users to place them on the page.
|
||
|
||
But what's an editor without a place to store that content? < haxcms-site-builder > is a headless CMS that has PHP and NodeJS compatible back-ends but writes everything to static .html files and a site.json "database" for relationship data. You can build HAXsites, download them as a zip, drop on any web server and they JustWork (TM).
|
||
|
||
"You say you got a real solution"
|
||
|
||
Reasons people rave about our ecosystem:
|
||
- Migrate a HAX site by pointing to the URL
|
||
- Create a new HAXsite from the headings / contents of a .docx file
|
||
- Migrate to HAX from gitbook / notion / other sources by pointing to the repo
|
||
- "Magic script" that detects undefined web components and automatically hydrates their definitions at run time
|
||
- CDN mirrors that automatically hydrate sites that lack the local JS files
|
||
- As it's all static and cached in an unbundled fashion so its high scale, data / power saving, easy to tinker with
|
||
- 100% open source
|
||
|
||
Learn about our ecosystem, how Penn State has integrated it into the classroom to have students contribute to the project, how it powers online courses, blogs and websites, and most importantly: how to get involved!
|
||
|
||
We seek Ubiquity for web content and experiences. We seek a revolution in web publishing. We seek to "HAX" The way we Web.</p></div>
|
||
|
||
|
||
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
|
||
<script src="../../../static/build/js/app.js" type="text/javascript"></script>
|
||
<script src="../../../static/build/js/jquery.formset.js"></script>
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
|
||
<script src="../../../static/build/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||
|
||
<!--no-analytics-->
|
||
|
||
|
||
<script src="../../../static/build/js/luxon.min.js"></script>
|
||
<script src="../../../static/build/js/schedule.js" type="text/javascript"></script>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</main>
|
||
|
||
<footer class="footer mt-4 d-print-none">
|
||
<div class="container py-4">
|
||
<!-- <div class="row">
|
||
<div class="col-md-12 pb-12 text-center" style="margin-top: 0px;margin-bottom: 0px;border-bottom-style: solid;border-bottom-width: 0px;padding-bottom: 20px;">Wifi: FOSSY <i>(see Registration for older wifi)</i><br/>PIN: outreachy1000</div>
|
||
</div> -->
|
||
<div class="row">
|
||
<div class="col-md-4 pb-4">
|
||
<strong>FOSSY 2024</strong> <br>
|
||
August 1–4th 2024 <br>
|
||
Portland, OR<br>
|
||
Timezone: PDT - UTC-7 <br>
|
||
<a href="mailto:conference@sfconservancy.org" alt="Email"><i class="far fa-envelope"></i></a> <a
|
||
href="https://twitter.com/conservancy" alt="Twitter"><i class="fab fa-twitter"></i></a> <a
|
||
href="https://social.sfconservancy.org/conservancy" alt="Mastodon"><i class="fab fa-mastodon"></i></a>
|
||
</div>
|
||
<div class="col-md-4 pb-4 text-center">
|
||
<a href="https://sfconservancy.org"><img src="../../../static/build/img/conservancy_logo.svg" alt="Software Freedom Conservancy logo" class="footer-image"></a>
|
||
</div>
|
||
<div class="col-md-4 pb-4 text-right">
|
||
<small>
|
||
<a href="index.html#">Back to top</a><br>
|
||
© 2024 <a href="https://sfconservancy.org/">Software Freedom Conservancy</a><br>
|
||
<a href="../../../credits/index.html">Credits</a>
|
||
</small>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
</body>
|
||
</html>
|