diff --git a/_includes/footer.html b/_includes/footer.html index 39ab447..1785df8 100644 --- a/_includes/footer.html +++ b/_includes/footer.html @@ -1,4 +1,4 @@ diff --git a/_includes/header.html b/_includes/header.html index bc76033..f7ab871 100644 --- a/_includes/header.html +++ b/_includes/header.html @@ -11,20 +11,27 @@ + - - + + + + +
- + 86Box icon
diff --git a/_includes/image.html b/_includes/image.html index e89b9bb..f3ce9dd 100644 --- a/_includes/image.html +++ b/_includes/image.html @@ -1,6 +1,6 @@ -
- {{ include.description }} +
+ {{ include.description }} {% if include.description %} -
{{ include.description }}
+
{{ include.description }}
{% endif %}
diff --git a/_includes/imageheading.html b/_includes/imageheading.html index 6cdd777..5c124eb 100644 --- a/_includes/imageheading.html +++ b/_includes/imageheading.html @@ -1,4 +1,4 @@ {{ include.separator | default: "
" }} -
- {{ include.heading }} +
+ {{ include.heading }}
diff --git a/_posts/2021-12-01-86box-v3-0.md b/_posts/2021-12-01-86box-v3-0.md index 7387f63..904f476 100644 --- a/_posts/2021-12-01-86box-v3-0.md +++ b/_posts/2021-12-01-86box-v3-0.md @@ -23,22 +23,22 @@ Several refinements have been made to the 86Box user interface introduced in the The user interface now has **translations** contributed by community members, also available through the **Preferences** window: -* 🇨🇳 **Chinese (Simplified)** by [**startmenu**](https://github.com/startmenu) -* 🇭🇷 **Croatian** by [**dob205**](https://github.com/dob205) -* 🇨🇿 **Czech** by [**dhrdlicka**](https://github.com/dhrdlicka) -* 🇬🇧 **English (United Kingdom)** by [**jriwanek**](https://github.com/jriwanek) -* 🇫🇮 **Finnish** by [**ts-korhonen**](https://github.com/ts-korhonen) -* 🇫🇷 **French** by [**jvernet**](https://github.com/jvernet) -* 🇩🇪 **German** by [**dob205**](https://github.com/dob205) -* 🇭🇺 **Hungarian** by [**laciba96**](https://github.com/laciba96) -* 🇮🇹 **Italian** by **explorerexe** -* 🇯🇵 **Japanese** by [**OBattler**](https://github.com/OBattler) -* 🇧🇷 **Portuguese (Brazil)** by [**altiereslima**](https://github.com/altiereslima) -* 🇵🇹 **Portuguese (Portugal)** by [**OBattler**](https://github.com/OBattler) and **DoutorHouse** -* 🇷🇺 **Russian** by [**OBattler**](https://github.com/OBattler) -* 🇸🇮 **Slovenian** by [**daviunic**](https://github.com/daviunic) and [**OBattler**](https://github.com/OBattler) -* 🇪🇸 **Spanish (Spain)** by [**mgtroyas**](https://github.com/mgtroyas) -* 🇹🇷 **Turkish** by **luennix** +* 🇨🇳 **Chinese (Simplified)** by [**startmenu**](https://github.com/startmenu) +* 🇭🇷 **Croatian** by [**dob205**](https://github.com/dob205) +* 🇨🇿 **Czech** by [**dhrdlicka**](https://github.com/dhrdlicka) +* 🇬🇧 **English (United Kingdom)** by [**jriwanek**](https://github.com/jriwanek) +* 🇫🇮 **Finnish** by [**ts-korhonen**](https://github.com/ts-korhonen) +* 🇫🇷 **French** by [**jvernet**](https://github.com/jvernet) +* 🇩🇪 **German** by [**dob205**](https://github.com/dob205) +* 🇭🇺 **Hungarian** by [**laciba96**](https://github.com/laciba96) +* 🇮🇹 **Italian** by **explorerexe** +* 🇯🇵 **Japanese** by [**OBattler**](https://github.com/OBattler) +* 🇧🇷 **Portuguese (Brazil)** by [**altiereslima**](https://github.com/altiereslima) +* 🇵🇹 **Portuguese (Portugal)** by [**OBattler**](https://github.com/OBattler) and **DoutorHouse** +* 🇷🇺 **Russian** by [**OBattler**](https://github.com/OBattler) +* 🇸🇮 **Slovenian** by [**daviunic**](https://github.com/daviunic) and [**OBattler**](https://github.com/OBattler) +* 🇪🇸 **Spanish (Spain)** by [**mgtroyas**](https://github.com/mgtroyas) +* 🇹🇷 **Turkish** by **luennix** Inspired by other PC virtualizers, [**dhrdlicka**](https://github.com/dhrdlicka) introduced the **Media menu**, which provides an alternative way of changing the emulated machine's removable media aside from clicking their respective status bar icons. diff --git a/assets/css/style-reduced.css b/assets/css/style-reduced.css new file mode 100644 index 0000000..1f5cf08 --- /dev/null +++ b/assets/css/style-reduced.css @@ -0,0 +1,104 @@ +/* Reduced stylesheet for retro browsers (targeting Internet Explorer 6). */ + +/* Global Defaults */ +html { + color: #f9f9f9; + font-family: "Source Code Pro", monospace; +} + +/* Body Layout */ +body { + background: #212e40; + margin: 12px 8px; +} + +/* Page Layout */ +img { + border: none; +} +img#icon, img#logo { + height: 70px; + padding-right: 20pt; +} +a.navlink { + font-size: 15pt; + margin: 6pt; +} +header, nav { /* N/A on IE6 */ + padding-bottom: 20pt; +} +div#footer { + background-color: #2b496f; + text-align: center; + color: #8c9dbb; + padding: 10pt; + font-size: 11pt; +} + +/* 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; /* N/A on IE6 */ + padding: 9px 0px; + border: 1px solid #f9f9f9; +} + +/* Links */ +a { + color: #b9d3e8; + font-weight: bold; + text-decoration: none; +} +a:hover { + color: white; +} +a:active { + color: #cecece; +} +div#socialnew { + display: none; +} + +/* Blog */ +img.heading, img.image { + text-align: center; + max-width: 100%; /* N/A on IE6 */ + width: expression((getNaturalWidth(this) >= (document.body.clientWidth - 16)) ? "100%" : "auto"); + display: block; + margin-top: 10pt; + margin-bottom: 5pt; +} +div.imagecaption { + text-align: center; + margin-bottom: 10pt; +} +hr { + border-color: #808080; + width: 100%; +} +span.emoji { + display: none; +} +div.scroll { + max-height: 500px; + padding-right: 1px; + overflow-y: scroll; +} +table { + border: 1px solid #808080; +} +th, td { + border: 1px solid #808080; + padding: 5px; +} +code { + font-size: 11pt; + background: #404040; + padding-left: 3pt; + padding-right: 3pt; +} diff --git a/assets/css/style.css b/assets/css/style.css index 340f632..47d2ab0 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -41,6 +41,10 @@ body > header { grid-area: head; padding: 30pt 30pt; } +img#icon { + max-height: 75px; + padding-right: 20pt; +} body > nav { /* background-color: #ffa08c; */ grid-area: nav; @@ -98,9 +102,12 @@ body > footer { display: flex; justify-content: center; align-items: center; - color: #8c9dbb; + color: #8c9dbb; font-size: 11pt; } +body > footer > div > #reduced { + display: none; +} @media (max-width: 768px) { body > footer { padding: 10pt; @@ -138,16 +145,34 @@ a:hover { a:active { color: #cecece; } -img#icon { - max-height: 75px; - padding-right: 20pt; +div#socialold { + display: none; } /* Blog */ +figure.image { + text-align: center; +} +img.heading { + max-width: 100%; + width: auto; + height: auto; +} +img.image { + max-width: 100%; + width: auto; + height: auto; +} +div.imagecaption { + display: inline; +} hr { border-color: #808080; width: 100%; } +span.emoji { + font-family: Tweemoji Mozilla; /* work around Windows' lack of flags where supported (Firefox) */ +} div.scroll { max-height: 500px; padding-right: 1px; /* make border less ugly on Chrome on Windows */ diff --git a/assets/js/style-reduced.js b/assets/js/style-reduced.js new file mode 100644 index 0000000..4de50d6 --- /dev/null +++ b/assets/js/style-reduced.js @@ -0,0 +1,15 @@ +var imgCache = {}; + +function getNaturalWidth(img) { + if (img.naturalWidth) { + return img.naturalWidth; + } else { + var img2 = imgCache[img.src]; + if (!img2) { + img2 = new Image(); + img2.src = img.src; + imgCache[img.src] = img2; + } + return img2.width; + } +} diff --git a/favicon.ico b/favicon.ico new file mode 100644 index 0000000..5c78367 Binary files /dev/null and b/favicon.ico differ diff --git a/index.md b/index.md index bfe8f53..d8b04d0 100644 --- a/index.md +++ b/index.md @@ -47,10 +47,18 @@ Get in touch ------------ You can reach us on our IRC channel, Discord server or Twitter to discuss anything related to retro computing and, of course, 86Box. We look forward to hearing from you! +
+ [![Visit our IRC channel](https://kiwiirc.com/buttons/irc.ringoflightning.net/softhistory.png)](https://kiwiirc.com/client/irc.ringoflightning.net/?nick=github?#softhistory) [![Visit our Discord server](https://discordapp.com/api/guilds/262614059009048590/embed.png)](https://discord.gg/v5fCgFw) +
+ +[Visit our IRC channel](irc://irc.ringoflightning.net/#softhistory) (requires an IRC client) + +
+ [Twitter: @86BoxEmulator](https://twitter.com/86BoxEmulator)* YouTube