Skip to content

Commit

Permalink
deploy: a659ea7
Browse files Browse the repository at this point in the history
  • Loading branch information
@mariospr
mariospr committed Sep 20, 2023
1 parent 3048d83 commit 92c9a04
Show file tree
Hide file tree
Showing 596 changed files with 188,483 additions and 0 deletions.
1 change: 1 addition & 0 deletions drop-distro-packages/.stamp
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
Wed Sep 20 17:02:40 UTC 2023
46 changes: 46 additions & 0 deletions drop-distro-packages/README/index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,46 @@
<h1>wpewebkit.org</h1>
<p>wepwebkit.org is a statically generated site for WPE. The website aims to be simple to maintain and with little complexity and dependencies. It is built with <a href="https://www.11ty.dev/">11ty</a> and Liquid templates - and that’s pretty much it.</p>
<p>The actual site is hosted by <a href="https://igalia.com">Igalia</a> who are the primary maintainers of the project.</p>
<h2 id="development" tabindex="-1">Development</h2>
<p>In order to setup, you just just have to check it out, switch to the checked out directory and then <code>npm install</code>.</p>
<h2 id="building-wpewebkit.org-site-locally" tabindex="-1">Building wpewebkit.org site locally</h2>
<p>In order to test it all you need to do is</p>
<pre class="language-sh"><code class="language-sh"><span class="token function">npm</span> <span class="token function">install</span> <span class="token operator">&amp;&amp;</span> <span class="token function">npm</span> run serve</code></pre>
<p>This will build the project, start a server, and your terminal will provide you useful links to actually get to it.</p>
<h3 id="structure" tabindex="-1">Structure</h3>
<ul>
<li>
<p><code>_site</code> is the output folder, where the generated and served content lives. It is committed and github pages used to provide a sharable dev URL in case you want to discuss proposed changes easily or test for something without exposing things behind your own firewall.</p>
</li>
<li>
<p><code>_includes</code> contains templates and partials. Currently our templates are based on a variant of <a href="https://startbootstrap.com/template-overviews/stylish-portfolio/">Stylish Portfolio</a> simply because that is what we had to start with.</p>
</li>
<li>
<p><code>_posts</code> contains much of the actual content: release notes, security advisories, posts, etc as <code>.md</code> files with front matter. These generate individual .html files in <code>_site</code>.</p>
</li>
<li>
<p><code>assets</code> contain images and things, they are copied directly into their relevant directory in <code>_site</code>.</p>
</li>
<li>
<p><code>css</code> This is where <em>our</em> CSS goes. Currently, our CSS is overrides and customizations for the <a href="https://startbootstrap.com/template-overviews/stylish-portfolio/">Stylish Portfolio</a> CSS. <em>There is no preprocessing</em> at the moment.</p>
</li>
<li>
<p><code>release</code> contains the markdown and directory structure for the release schedule page.</p>
</li>
<li>
<p><code>vendor</code> this contains thirdparty stuff that we will use directly in the site - it is copied wholesale into its relevant spot in the output directory (<code>_site</code>). <em>There is currently too much in there</em> - our page uses stylish portfolio, which uses bootstrap, which uses jQuery and font-awesome and simple-line-icons. These in turn contain things for bundling, pre-processing with several different preprocessors, etc. We will probably simplify this further, that’s a lot of downloads, code and round-trips for such a simple site.</p>
</li>
<li>
<p><code>about</code> contains page posts that are about various aspects of wpe</p>
</li>
</ul>
<p>In the root directory you will also find some top level files - <code>index.html</code>which is the template for the main page, <code>release.md</code> which is the template for creating the release pages, a <code>package.json</code> which is, well, what you’d expect and <code>.eleventy.js</code> which does some very understandable work in creating a date filter for outputting dates (because of how some of the old content exists), and creates some ‘recent’ collections for simple templating of things like release notes and security advisories.</p>
<h2 id="updating-wpewebkit.org-site" tabindex="-1">Updating wpewebkit.org site</h2>
<ul>
<li>The website is automatically updated from this repository. So simply commit to master or send a pull-request.</li>
</ul>
<h2 id="updating-content" tabindex="-1">Updating content</h2>
<p>In order to write a new release or security advisory piece in the website
you just have to create a new file inside <code>_posts</code> folder using
<a href="http://daringfireball.net/projects/markdown/">Markdown</a> syntax.</p>
<p>Should you need anything else, you will find <a href="https://www.11ty.dev/docs/">11ty’s documentation</a> pretty helpful.</p>
17 changes: 17 additions & 0 deletions drop-distro-packages/_authors/aperez/index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
<section class="content-section bg-light small-section">
<div class="container">
<div class="row">
<div class="col-lg-10 mx-auto text-muted text-left align-text-top">
<hr class="author-line">
<div class="card">
<img class="circle-mask" width="128" height="128" loading="lazy" alt="Head shot of Adrián Pérez" src="/wpewebkit.org/drop-distro-packages/assets/[email protected]" srcset="/wpewebkit.org/drop-distro-packages/assets/[email protected] 2x">
This article was written by <a href="https://igalia.com/team/aperez">Adrián Pérez</a>.
<br>
I have been working on WebKit since 2012, with a focus on
environment integration, embedding, and distribution. Igalia
has been a life-long project since even earlier.
</div>
</div>
</div>
</div>
</section>
14 changes: 14 additions & 0 deletions drop-distro-packages/_authors/csaavedra/index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
<section class="content-section bg-light small-section">
<div class="container">
<div class="row">
<div class="col-lg-10 mx-auto text-muted text-left align-text-top">
<hr class="author-line">
<div class="card">
<span>
This article was written by <a href="https://www.igalia.com/team/csaavedra">Claudio Saavedra</a>. <br><br>Claudio is long-time WebKit contributor from Igalia, working in different areas of WebKit, WPE, and the stack around it.
</span>
</div>
</div>
</div>
</div>
</section>
15 changes: 15 additions & 0 deletions drop-distro-packages/_authors/lmoura/index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
<section class="content-section bg-light small-section">
<div class="container">
<div class="row">
<div class="col-lg-10 mx-auto text-muted text-left align-text-top">
<hr class="author-line">
<div class="card">
<span>
This article was written by <a href="https://www.igalia.com/team/lmoura">Lauro Moura</a>. <br><br>Lauro is webkit contributor from Igalia, working mainly on QA.
</span>
</div>
</div>
</div>
</div>
</section>

14 changes: 14 additions & 0 deletions drop-distro-packages/_authors/magomez/index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
<section class="content-section bg-light small-section">
<div class="container">
<div class="row">
<div class="col-lg-10 mx-auto text-muted text-left align-text-top">
<hr class="author-line">
<div class="card">
<span>
This article was written by <a href="https://www.igalia.com/team/magomez">Miguel Gómez</a>. <br><br>Miguel has been contributing to WebKit and WPE for almost ten years now, focusing specially on the graphics part of the code.
</span>
</div>
</div>
</div>
</div>
</section>
15 changes: 15 additions & 0 deletions drop-distro-packages/_authors/nzimmermann/index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
<section class="content-section bg-light small-section">
<div class="container">
<div class="row">
<div class="col-lg-10 mx-auto text-muted text-left align-text-top">
<hr class="author-line">
<div class="card">
<span>
<img class="circle-mask" src="https://www.igalia.com/assets/i/igalians/nzimmermann.jpg" alt="Picture of Nikolas Zimmermann">
This article was written by <a href="https://www.igalia.com/team/nzimmermann">Nikolas Zimmermann</a>. <br><br>I'm a proud Igalian since 2019 and have been working on WebKits predecessors since the early 2000s, namely kjs/khtml/ksvg, and kdom/kcanvas/ksvg2/khtml2 that all found their way into WebKit. Since that time, Web technology - especially <b>SVG</b> - is my main area of interest.
</span>
</div>
</div>
</div>
</div>
</section>
15 changes: 15 additions & 0 deletions drop-distro-packages/_authors/pgriffis/index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
<section class="content-section bg-light small-section">
<div class="container">
<div class="row">
<div class="col-lg-10 mx-auto text-muted text-left align-text-top">
<hr class="author-line">
<div class="card">
<span>
This article was written by <a href="https://www.igalia.com/team/pgriffis">Patrick Griffis</a>. <br><br>Patrick has been contributing to WebKit since 2018 and does work around networking, security, and the platform libraries WPE uses.
</span>
</div>
</div>
</div>
</div>
</section>

188 changes: 188 additions & 0 deletions drop-distro-packages/about/a-good-choice.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,188 @@
<!DOCTYPE html>
<html prefix="og: https://ogp.me/ns#" lang="en">

<head>

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="author" content="">

<title>Why Choose WPE?</title>
<link rel="canonical" href="https://igalia.github.io/wpewebkit.org/drop-distro-packages/about/a-good-choice.html">
<link rel="alternate" type="application/rss+xml" title="" href="https://igalia.github.io/wpewebkit.org/drop-distro-packages/feed.xml">
<link rel="alternate" type="application/rss+xml" title="WPE blog" href="https://igalia.github.io/wpewebkit.org/drop-distro-packages/blog.xml">
<meta property="og:url" content="https://igalia.github.io/wpewebkit.org/drop-distro-packages/about/a-good-choice.html">
<meta property="og:title" content="Why Choose WPE?">
<meta property="og:image" content="https://igalia.github.io/wpewebkit.org/drop-distro-packages/assets/twitter_Profile_WhiteBg_400px.png">
<meta property="og:image:secure_url" content="https://igalia.github.io/wpewebkit.org/drop-distro-packages/assets/twitter_Profile_WhiteBg_400px.png">
<meta property="og:image:alt" content="WPE logo">
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="400">
<meta property="og:image:height" content="400">
<meta property="og:type" content="article">
<meta property="article:published_time" content="2023-09-20T17:02:26.165Z">
<meta property="article:tag" content="about">
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@WPEWebKit">

<!-- CSS v2 -->
<link rel="stylesheet" href="/wpewebkit.org/drop-distro-packages/css/v2.css">

<!-- Custom Fonts -->
<link rel="stylesheet" href="/wpewebkit.org/drop-distro-packages/vendor/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="/wpewebkit.org/drop-distro-packages/css/fonts.css">

<!-- Code syntax highlighting -->
<link rel="stylesheet" href="/wpewebkit.org/drop-distro-packages/css/prism.css">

<!-- Custom CSS -->
<link rel="stylesheet" href="/wpewebkit.org/drop-distro-packages/css/stylish-portfolio.css">
<script type="text/javascript">
window.addEventListener('load',function() {document.querySelector('nav.global>div>.burger').addEventListener('click',menutog)});
function menutog(e) {
document.querySelector('nav.global>div>ul').classList.toggle('off');
e.preventDefault();
}
</script>
<!-- Matomo -->
<script type="text/javascript">
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//stats.igalia.com/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '6']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<!-- End Matomo Code -->

</head>


<body id="page-top" class="subpage">

<nav class="global">
<div>
<a class="igalia logo home" href="/wpewebkit.org/drop-distro-packages/"><img src="/wpewebkit.org/drop-distro-packages/assets/img/logo-blue.svg" alt="WPE"></a>
<ul class="about off"><li>
<a class="nav-link" href="/wpewebkit.org/drop-distro-packages/">Home</a>
</li><li class="currentPage">
<a class="nav-link" href="/wpewebkit.org/drop-distro-packages/about/">Learn & Discover</a>
</li><li>
<a class="nav-link" href="/wpewebkit.org/drop-distro-packages/blog/">Blog</a>
</li><li>
<a class="nav-link" href="/wpewebkit.org/drop-distro-packages/developers/">Developers</a>
</li><li>
<a class="btn cta" href="/wpewebkit.org/drop-distro-packages/about/get-wpe.html">Get WPE</a>
</li></ul>
<a href="#" class="burger">Menu</a>
</div>
</nav>


<main>
<style>
:not(header) > h2 {
background: url(/wpewebkit.org/drop-distro-packages/assets/img/graphic-title-blue.svg) 0 100% / 7rem auto no-repeat;
padding-bottom: 1em;
}
ul.gallery.c2 {
align-items: stretch;
gap: 1em;
}
ul.gallery.c2 li {
padding: 3.5em 1.5em 1.5em;
border: 1px dashed var(--colorMain);
background: url(/wpewebkit.org/drop-distro-packages/assets/img/checkmark.png) 1em 1em / 2em 2em no-repeat;
}
.full-bleed.banner {
margin-block: 5rem 4rem;
padding: 1px 0;
}
@media (min-width: 75rem) {
.banner::before {
content: '';
position: absolute;
top: 50%;
left: -5rem;
width: 5rem;
height: 2px;
margin-top: -1px;
background: linear-gradient(90deg,#222,#888);
-webkit-mask-image:
repeating-linear-gradient(270deg, transparent, #89A4 1px 3px, transparent 4px 7px),
repeating-linear-gradient(270deg, transparent, #89AF 1px 3px, transparent 4px 7px)
;
mask-image:
repeating-linear-gradient(270deg, transparent, #89A4 1px 3px, transparent 4px 7px),
repeating-linear-gradient(270deg, transparent, #89AF 1px 3px, transparent 4px 7px)
;
mask-size: 100% 1px;
mask-repeat: no-repeat;
mask-position: 100% 0%, 100% 100%;
}
}
.banner img {
display: block;
margin: -5rem auto;
margin-block: calc( min(65rem,100vw) * 0.31229 * -0.25 );
}
</style>
<nav class="sidebar">
<ul>
<li><a href="/wpewebkit.org/drop-distro-packages/about/supported-hardware.html">Supported Hardware</a></li>
<li class="currentPage"><a href="/wpewebkit.org/drop-distro-packages/about/a-good-choice.html">Why Choose WPE?</a></li>
<li><a href="/wpewebkit.org/drop-distro-packages/about">WPE in Action</a></li>
</ul>
</nav>
<header class="page">
<h1>Why Choose WPE?</h1>
<p>WPE WebKit is widely adopted in many industries, including digital signage, professional audio, video and broadcasting, home appliances, set-top boxes, and automative and in-flight infotainment systems.</p>
</header>
<section class="full-bleed banner">
<img src="/wpewebkit.org/drop-distro-packages/assets/img/WhyChooseWPE.png" alt="">
</section>
<section>
<p class="leadin">If you need a fast and lightweight web runtime for Linux-based embedded devices that supports most current web standards, has hardware acceleration wherever it is advantageous, and has a strong focus on multimedia applications, WPE WebKit is a great choice.</p>
<p>WPE WebKit offers great possibilities for deployment on different platforms, thanks to its underlying design which allows for integration in a variety of hardware configurations. At a minimum, only EGL and OpenGL ES 2 support and basic GStreamer integration are required.</p>
</section>
<section class="dotsep">
<h2 id="some-advantages-of-wpe-webkit" tabindex="-1">Some advantages of WPE WebKit</h2>
<ul class="gallery c2">
<li>The minimal set of dependencies needed to run WPE WebKit ensures that its footprint is small and it consumes less memory, which allows applications built with WPE WebKit to run on low-end devices.</li>
<li>Enables rich and fast 2D and 3D HTML-based user interfaces, multimedia integration, 3D content, and many more of the latest Web technologies to run smoothly and efficiently on low-cost devices.</li>
<li>Displays multimedia content with high-quality CSS 3D animations, WebGL, and fluid high-quality HTML videos.</li>
<li>Focused on graphics performance with multi-threading optimizations to improve CSS animation, scrolling, scaling, and rendering of canvas and video elements.</li>
<li>Provides a strong focus on multimedia applications and performance with WebRTC, MSE (MP4, WebM, VP9, Opus) and EME (ClearKey and other third-party DRM frameworks) supported and constantly improving.</li>
<li>Unlicensed parts of YouTube TV and similar platforms are supported.</li>
</ul>
</section>

</main>

<footer class="global">
<b></b>
<div>
<a href="/wpewebkit.org/drop-distro-packages/" class="igalia logo home"><img src="/wpewebkit.org/drop-distro-packages/assets/img/logo-white.svg" alt="WPE"></a>
<ul>
<li>Connect on <a rel="me" href="https://floss.social/@WPEWebKit">Mastodon</a>, <a href="https://twitter.com/WPEWebKit">Twitter</a></li>
<li>mailing list: <a href="https://lists.webkit.org/mailman/listinfo/webkit-wpe">webkit-wpe</a></li>
<li>OFTC: <a href="https://webchat.oftc.net/?channels=wpe">#wpe</a></li>
<li>Matrix: <a href="https://matrix.to/#/#wpe:matrix.org">#wpe:matrix.org</a></li>
</ul>
<ul>
<li>Copyright &copy; 2018-2023 The WPE WebKit Team</li>
<li>Hosting kindly provided by <a href="https://www.igalia.com">Igalia</a>.</li>
</ul>
</div>
</footer>


</body>
</html>
Loading

0 comments on commit 92c9a04

Please sign in to comment.