New website + 3.0 release post
RichardG867
2
.gitignore
vendored
Normal file
@@ -0,0 +1,2 @@
|
||||
_site/
|
||||
.jekyll-cache/
|
||||
@@ -1,6 +1,5 @@
|
||||
title: "86Box"
|
||||
description: "Emulator of x86-based machines"
|
||||
theme: jekyll-theme-cayman
|
||||
|
||||
github:
|
||||
is_project_page: true
|
||||
|
||||
4
_includes/footer.html
Normal file
@@ -0,0 +1,4 @@
|
||||
<footer>
|
||||
<div>86Box is maintained by <a href="https://github.com/OBattler">OBattler</a> and <a href="https://github.com/orgs/86Box/people">the 86Box developers</a>. Website developed by <a href="https://github.com/foxlet">Foxlet</a>.</div>
|
||||
</footer>
|
||||
</body></html>
|
||||
30
_includes/header.html
Normal file
@@ -0,0 +1,30 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>86Box | {{ title_override | default: page.title }}</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="twitter:creator" content="86Box" />
|
||||
<meta name="twitter:description" content="{{ page.description }}" />
|
||||
<meta property="og:site_name" content="86Box" />
|
||||
<meta property="og:title" content="{{ page.title }}" />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:image" itemprop="image" content="{{ page.image | default: "/avaicon.png" }}" />
|
||||
<meta property="og:description" content="{{ page.description }}" />
|
||||
<link rel="icon" href="/favicon.png" type="image/png">
|
||||
<meta name="theme-color" content="#ff4848">
|
||||
<meta name="viewport" content="width=640, initial-scale=1.0">
|
||||
<link rel="stylesheet" href="/assets/css/style.css">
|
||||
<link rel="stylesheet" href="/assets/css/fonts.css">
|
||||
<script> </script>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<a href="/"><img src="/avaicon.png" id="icon" /><img src="/assets/images/86box-logo.png" id="logo" /></a>
|
||||
</header>
|
||||
<nav>
|
||||
<a href="https://github.com/86Box/86Box#automatic-builds">Downloads</a>
|
||||
<a href="https://86box.readthedocs.io/en/latest/index.html">Docs</a>
|
||||
<a href="/blog.html">Blog</a>
|
||||
<a href="https://github.com/86Box/86Box">GitHub</a>
|
||||
</nav>
|
||||
6
_includes/image.html
Normal file
@@ -0,0 +1,6 @@
|
||||
<figure class="image" style="text-align: center;">
|
||||
<a href="{{ include.url }}" target="_blank"><img src="{{ include.url }}" alt="{{ include.description }}" style="max-width: 100%; width: auto; height: auto;" /></a>
|
||||
{% if include.description %}
|
||||
<figcaption>{{ include.description }}</figcaption>
|
||||
{% endif %}
|
||||
</figure>
|
||||
4
_includes/imageheading.html
Normal file
@@ -0,0 +1,4 @@
|
||||
<hr />
|
||||
<figure class="image" style="text-align: center;">
|
||||
<img src="{{ include.url }}" alt="{{ include.heading }}" style="max-width: 100%; width: auto; height: auto;" />
|
||||
</figure>
|
||||
2
_includes/postheader.html
Normal file
@@ -0,0 +1,2 @@
|
||||
<h1><a href="{{ include.post.url }}">{{ include.post.title }}</a></h1>
|
||||
<span>{{ include.post.date | date_to_string }} - written by <a href="https://github.com/{{ include.post.author }}">{{ include.post.author }}</a></span>
|
||||
12
_layouts/index.html
Normal file
@@ -0,0 +1,12 @@
|
||||
{% include header.html %}
|
||||
<hero>
|
||||
<div id="buttons">
|
||||
<h1>Revolutionize your <br> retro gaming experience.</h1>
|
||||
<a href="https://github.com/86Box/86Box#automatic-builds"><button>Download Nightly</button></a>
|
||||
<a href="https://github.com/86Box/86Box/releases/tag/v2.07"><button>Download Stable</button></a>
|
||||
</div>
|
||||
</hero>
|
||||
<main>
|
||||
{{ content }}
|
||||
</main>
|
||||
{% include footer.html %}
|
||||
5
_layouts/page.html
Normal file
@@ -0,0 +1,5 @@
|
||||
{% include header.html %}
|
||||
<main>
|
||||
{{ content }}
|
||||
</main>
|
||||
{% include footer.html %}
|
||||
8
_layouts/post.html
Normal file
@@ -0,0 +1,8 @@
|
||||
{% capture title_override %}Blog: {{ page.title }}{% endcapture %}
|
||||
{% include header.html %}
|
||||
<main>
|
||||
{% include postheader.html post=page %}
|
||||
<p></p>
|
||||
{{ content }}
|
||||
</main>
|
||||
{% include footer.html %}
|
||||
1
assets/css/fonts.css
Normal file
@@ -0,0 +1 @@
|
||||
|
||||
150
assets/css/style.css
Normal file
@@ -0,0 +1,150 @@
|
||||
/* Global Defaults */
|
||||
html {
|
||||
color: #f9f9f9;
|
||||
font-family: "Source Code Pro", monospace;
|
||||
}
|
||||
|
||||
/* Body Layout */
|
||||
body {
|
||||
background: url("/assets/images/starsky.png"), #212e40;
|
||||
background-repeat: repeat-x;
|
||||
margin: 0 auto;
|
||||
max-width: 67rem;
|
||||
display: grid;
|
||||
grid-template-areas: "head head nav"
|
||||
"hero hero hero"
|
||||
"main main main"
|
||||
"about about about"
|
||||
"foot foot foot";
|
||||
grid-template-rows: auto 1fr auto auto 70px;
|
||||
animation: backgroundScroll 80s linear infinite;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
body {
|
||||
grid-template-rows: auto auto 1fr auto auto 70px;
|
||||
grid-template-areas: "head head head"
|
||||
"nav nav nav"
|
||||
"hero hero hero"
|
||||
"main main main"
|
||||
"about about about"
|
||||
"foot foot foot";
|
||||
}
|
||||
}
|
||||
@keyframes backgroundScroll {
|
||||
from {background-position: 0 0;}
|
||||
to {background-position: -1920px 0;}
|
||||
}
|
||||
|
||||
/* Page Layout */
|
||||
body > header {
|
||||
/* background-color: #8ca0ff; */
|
||||
grid-area: head;
|
||||
padding: 30pt 30pt;
|
||||
}
|
||||
body > nav {
|
||||
/* background-color: #ffa08c; */
|
||||
grid-area: nav;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: right;
|
||||
font-size: 15pt;
|
||||
padding: 30pt 30pt;
|
||||
}
|
||||
body > nav > a {
|
||||
margin: 0 20pt;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
body > header {
|
||||
text-align: center;
|
||||
}
|
||||
body > header > img {
|
||||
max-width: 100%;
|
||||
width: auto;
|
||||
height: auto;
|
||||
}
|
||||
body > nav {
|
||||
justify-content: center;
|
||||
font-size: 25pt;
|
||||
}
|
||||
}
|
||||
|
||||
body > hero {
|
||||
grid-area: hero;
|
||||
display: grid;
|
||||
align-items: center;
|
||||
column-gap: 40pt;
|
||||
padding: 40px;
|
||||
}
|
||||
|
||||
body > main {
|
||||
grid-area: main;
|
||||
display: grid;
|
||||
align-items: center;
|
||||
column-gap: 40pt;
|
||||
padding: 40px;
|
||||
}
|
||||
body > #about {
|
||||
background-color: #0e305a;
|
||||
grid-area: about;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
line-height: 18pt;
|
||||
}
|
||||
|
||||
body > footer {
|
||||
background-color: #2b496f;
|
||||
grid-area: foot;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: #8c9dbb;
|
||||
font-size: 11pt;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
body > footer {
|
||||
padding: 10pt;
|
||||
font-size: 20pt;
|
||||
}
|
||||
}
|
||||
|
||||
/* Buttons */
|
||||
button {
|
||||
color: #0f1934;
|
||||
background-color: #f9f9f9;
|
||||
font: bold 16px "Source Code Pro", monospace;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
border: none;
|
||||
border-radius: 4px;
|
||||
padding: 9px 19px;
|
||||
border: 1px solid #f9f9f9;
|
||||
transition: 0.15s;
|
||||
}
|
||||
button:hover {
|
||||
color: #f9f9f9;
|
||||
background-color: #0f1934;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
a {
|
||||
color: #b9d3e8;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover {
|
||||
color: white;
|
||||
}
|
||||
a:active {
|
||||
color: #cecece;
|
||||
}
|
||||
img#icon {
|
||||
max-height: 75px;
|
||||
padding-right: 20pt;
|
||||
}
|
||||
|
||||
/* Blog */
|
||||
hr {
|
||||
border-color: #808080;
|
||||
width: 100%;
|
||||
}
|
||||
BIN
assets/images/86box-logo.png
Normal file
|
After Width: | Height: | Size: 793 B |
BIN
assets/images/favicon.png
Normal file
|
After Width: | Height: | Size: 6.6 KiB |
BIN
assets/images/starsky.png
Normal file
|
After Width: | Height: | Size: 124 KiB |
BIN
assets/images/v3.0/chipsets.png
Normal file
|
After Width: | Height: | Size: 217 KiB |
BIN
assets/images/v3.0/contributors.png
Normal file
|
After Width: | Height: | Size: 161 KiB |
BIN
assets/images/v3.0/cpus.png
Normal file
|
After Width: | Height: | Size: 295 KiB |
BIN
assets/images/v3.0/docs.png
Normal file
|
After Width: | Height: | Size: 101 KiB |
BIN
assets/images/v3.0/hardware.png
Normal file
|
After Width: | Height: | Size: 23 KiB |
BIN
assets/images/v3.0/hero.png
Normal file
|
After Width: | Height: | Size: 97 KiB |
BIN
assets/images/v3.0/i2c.png
Normal file
|
After Width: | Height: | Size: 43 KiB |
BIN
assets/images/v3.0/i815.png
Normal file
|
After Width: | Height: | Size: 34 KiB |
BIN
assets/images/v3.0/linux.png
Normal file
|
After Width: | Height: | Size: 38 KiB |
BIN
assets/images/v3.0/machines.png
Normal file
|
After Width: | Height: | Size: 329 KiB |
BIN
assets/images/v3.0/machinetypes.png
Normal file
|
After Width: | Height: | Size: 27 KiB |
BIN
assets/images/v3.0/under.png
Normal file
|
After Width: | Height: | Size: 59 KiB |
BIN
assets/images/v3.0/ux.png
Normal file
|
After Width: | Height: | Size: 131 KiB |
BIN
assets/images/v3.0/win7.png
Normal file
|
After Width: | Height: | Size: 101 KiB |
BIN
avaicon.png
Normal file
|
After Width: | Height: | Size: 2.0 KiB |
17
blog.md
Normal file
@@ -0,0 +1,17 @@
|
||||
---
|
||||
layout: page
|
||||
title: "Blog"
|
||||
---
|
||||
|
||||
# The 86Box Blog
|
||||
|
||||
{% for post in site.posts %}
|
||||
<div>
|
||||
{% include postheader.html post=post %}
|
||||
<p>{{ post.description }}</p>
|
||||
{% if forloop.last %}
|
||||
{% else %}
|
||||
<hr/>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
BIN
favicon.png
Normal file
|
After Width: | Height: | Size: 6.6 KiB |
3
index.md
@@ -1,5 +1,6 @@
|
||||
---
|
||||
layout: default
|
||||
layout: index
|
||||
title: "Emulator of retro x86-based machines"
|
||||
---
|
||||
|
||||
**86Box** is an IBM PC system emulator that specializes in running old operating systems and software designed for IBM PC systems and compatibles from 1981 through fairly recent system designs based on the PCI bus.
|
||||
|
||||