diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..ab35e56 --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ +_site/ +.jekyll-cache/ diff --git a/_config.yml b/_config.yml index 39b1a5b..48631fa 100644 --- a/_config.yml +++ b/_config.yml @@ -1,6 +1,5 @@ title: "86Box" description: "Emulator of x86-based machines" -theme: jekyll-theme-cayman github: is_project_page: true diff --git a/_includes/footer.html b/_includes/footer.html new file mode 100644 index 0000000..39ab447 --- /dev/null +++ b/_includes/footer.html @@ -0,0 +1,4 @@ + + diff --git a/_includes/header.html b/_includes/header.html new file mode 100644 index 0000000..b841bfc --- /dev/null +++ b/_includes/header.html @@ -0,0 +1,30 @@ + + + + 86Box | {{ title_override | default: page.title }} + + + + + + + + + + + + + + + + + +
+ +
+ diff --git a/_includes/image.html b/_includes/image.html new file mode 100644 index 0000000..e89b9bb --- /dev/null +++ b/_includes/image.html @@ -0,0 +1,6 @@ +
+ {{ include.description }} +{% if include.description %} +
{{ include.description }}
+{% endif %} +
diff --git a/_includes/imageheading.html b/_includes/imageheading.html new file mode 100644 index 0000000..017837c --- /dev/null +++ b/_includes/imageheading.html @@ -0,0 +1,4 @@ +
+
+ {{ include.heading }} +
diff --git a/_includes/postheader.html b/_includes/postheader.html new file mode 100644 index 0000000..fb8d492 --- /dev/null +++ b/_includes/postheader.html @@ -0,0 +1,2 @@ +

{{ include.post.title }}

+{{ include.post.date | date_to_string }} - written by {{ include.post.author }} diff --git a/_layouts/index.html b/_layouts/index.html new file mode 100644 index 0000000..5803ba9 --- /dev/null +++ b/_layouts/index.html @@ -0,0 +1,12 @@ +{% include header.html %} + +
+

Revolutionize your
retro gaming experience.

+ + +
+ +
+ {{ content }} +
+{% include footer.html %} diff --git a/_layouts/page.html b/_layouts/page.html new file mode 100644 index 0000000..2c79061 --- /dev/null +++ b/_layouts/page.html @@ -0,0 +1,5 @@ +{% include header.html %} +
+ {{ content }} +
+{% include footer.html %} diff --git a/_layouts/post.html b/_layouts/post.html new file mode 100644 index 0000000..e743f0a --- /dev/null +++ b/_layouts/post.html @@ -0,0 +1,8 @@ +{% capture title_override %}Blog: {{ page.title }}{% endcapture %} +{% include header.html %} +
+ {% include postheader.html post=page %} +

+ {{ content }} +
+{% include footer.html %} diff --git a/assets/css/fonts.css b/assets/css/fonts.css new file mode 100644 index 0000000..8d1c8b6 --- /dev/null +++ b/assets/css/fonts.css @@ -0,0 +1 @@ + diff --git a/assets/css/style.css b/assets/css/style.css new file mode 100644 index 0000000..0bfb185 --- /dev/null +++ b/assets/css/style.css @@ -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%; +} diff --git a/assets/images/86box-logo.png b/assets/images/86box-logo.png new file mode 100644 index 0000000..86f866c Binary files /dev/null and b/assets/images/86box-logo.png differ diff --git a/assets/images/favicon.png b/assets/images/favicon.png new file mode 100644 index 0000000..c5384be Binary files /dev/null and b/assets/images/favicon.png differ diff --git a/assets/images/starsky.png b/assets/images/starsky.png new file mode 100644 index 0000000..2407d78 Binary files /dev/null and b/assets/images/starsky.png differ diff --git a/assets/images/v3.0/chipsets.png b/assets/images/v3.0/chipsets.png new file mode 100644 index 0000000..63a7bc2 Binary files /dev/null and b/assets/images/v3.0/chipsets.png differ diff --git a/assets/images/v3.0/contributors.png b/assets/images/v3.0/contributors.png new file mode 100644 index 0000000..a80ffc3 Binary files /dev/null and b/assets/images/v3.0/contributors.png differ diff --git a/assets/images/v3.0/cpus.png b/assets/images/v3.0/cpus.png new file mode 100644 index 0000000..e07957a Binary files /dev/null and b/assets/images/v3.0/cpus.png differ diff --git a/assets/images/v3.0/docs.png b/assets/images/v3.0/docs.png new file mode 100644 index 0000000..1aca338 Binary files /dev/null and b/assets/images/v3.0/docs.png differ diff --git a/assets/images/v3.0/hardware.png b/assets/images/v3.0/hardware.png new file mode 100644 index 0000000..40eb7b8 Binary files /dev/null and b/assets/images/v3.0/hardware.png differ diff --git a/assets/images/v3.0/hero.png b/assets/images/v3.0/hero.png new file mode 100644 index 0000000..69efddd Binary files /dev/null and b/assets/images/v3.0/hero.png differ diff --git a/assets/images/v3.0/i2c.png b/assets/images/v3.0/i2c.png new file mode 100644 index 0000000..e3dcf3a Binary files /dev/null and b/assets/images/v3.0/i2c.png differ diff --git a/assets/images/v3.0/i815.png b/assets/images/v3.0/i815.png new file mode 100644 index 0000000..88b4bc4 Binary files /dev/null and b/assets/images/v3.0/i815.png differ diff --git a/assets/images/v3.0/linux.png b/assets/images/v3.0/linux.png new file mode 100644 index 0000000..2df65eb Binary files /dev/null and b/assets/images/v3.0/linux.png differ diff --git a/assets/images/v3.0/machines.png b/assets/images/v3.0/machines.png new file mode 100644 index 0000000..fb490d3 Binary files /dev/null and b/assets/images/v3.0/machines.png differ diff --git a/assets/images/v3.0/machinetypes.png b/assets/images/v3.0/machinetypes.png new file mode 100644 index 0000000..9eece20 Binary files /dev/null and b/assets/images/v3.0/machinetypes.png differ diff --git a/assets/images/v3.0/under.png b/assets/images/v3.0/under.png new file mode 100644 index 0000000..340cd7c Binary files /dev/null and b/assets/images/v3.0/under.png differ diff --git a/assets/images/v3.0/ux.png b/assets/images/v3.0/ux.png new file mode 100644 index 0000000..e62ed24 Binary files /dev/null and b/assets/images/v3.0/ux.png differ diff --git a/assets/images/v3.0/win7.png b/assets/images/v3.0/win7.png new file mode 100644 index 0000000..036d328 Binary files /dev/null and b/assets/images/v3.0/win7.png differ diff --git a/avaicon.png b/avaicon.png new file mode 100644 index 0000000..b102506 Binary files /dev/null and b/avaicon.png differ diff --git a/blog.md b/blog.md new file mode 100644 index 0000000..a75a821 --- /dev/null +++ b/blog.md @@ -0,0 +1,17 @@ +--- +layout: page +title: "Blog" +--- + +# The 86Box Blog + +{% for post in site.posts %} +
+ {% include postheader.html post=post %} +

{{ post.description }}

+{% if forloop.last %} +{% else %} +
+{% endif %} +
+{% endfor %} diff --git a/faq.md b/faq.md index 7dcc13d..807b9ed 100644 --- a/faq.md +++ b/faq.md @@ -1,5 +1,5 @@ --- -layout: default +layout: page --- Frequently asked questions diff --git a/favicon.png b/favicon.png new file mode 100644 index 0000000..c5384be Binary files /dev/null and b/favicon.png differ diff --git a/index.md b/index.md index 725dfa7..8e76f73 100644 --- a/index.md +++ b/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.