diff --git a/.eleventy.js b/.eleventy.js index d12cf45..fd83efc 100644 --- a/.eleventy.js +++ b/.eleventy.js @@ -45,6 +45,15 @@ eleventyConfig.addFilter("absoluteUrl", function(path) { return base + path; }); +eleventyConfig.addFilter("postDate", (dateObj) => { + return dateObj.toLocaleString(undefined, { + year: "numeric", + month: "numeric", + day: "numeric", + timeZone: "America/Sao_Paulo" + }); +}); + eleventyConfig.addNunjucksFilter("smartTitle", function(str) { if (!str) return ""; const smallWords = ["a","an","and","at","but","by","for","in","nor","of","on","or","so","the","to","up","yet", diff --git a/_data/i18n.js b/_data/i18n.js index c3d665f..0776e36 100644 --- a/_data/i18n.js +++ b/_data/i18n.js @@ -73,7 +73,8 @@ module.exports = { alsoAvailableAsVideo: "Also available as video", websiteDescription: "Personal website/blog of Adrian Victor.", miscellaneous: "Miscellaneous", - i88x31hover: "Click to expand" + i88x31hover: "Click to expand", + lastEditedIn: "last edited in" }, pt: { language: "português", @@ -123,6 +124,7 @@ module.exports = { alsoAvailableAsVideo: "Também disponível em vídeo", websiteDescription: "Website/blog pessoal de Adrian Victor.", miscellaneous: "Miscelâneo", - i88x31hover: "Clique para expandir" + i88x31hover: "Clique para expandir", + lastEditedIn: "editado por último em" } }; \ No newline at end of file diff --git a/_includes/base.njk b/_includes/base.njk index a5e0a0e..48777f0 100644 --- a/_includes/base.njk +++ b/_includes/base.njk @@ -1,3 +1,12 @@ + + diff --git a/_includes/post.njk b/_includes/post.njk index 2edd540..e0c19c3 100644 --- a/_includes/post.njk +++ b/_includes/post.njk @@ -9,7 +9,7 @@ title: Adrian Victor:Blog

{{ postTitle }}

-

{{ authors or "Adrian Victor" }} - {{ date }}

+

{{ authors or "Adrian Victor" }} - {{ date | postDate }}

{% if altLanguages.length > 0 %} {{ i18n[langKey].availableInOtherLanguages }}: {% for alt in altLanguages %} diff --git a/blog.njk b/blog.njk index 3c5e183..00c9955 100644 --- a/blog.njk +++ b/blog.njk @@ -16,7 +16,7 @@ title: Adrian Victor:Blog

  • {{ post.data.postTitle }}
    - {{ post.data.date }} + {{ post.data.date | postDate }}{% if post.data.lastModified | postDate !== post.data.date | postDate %} ({{ i18n[langKey].lastEditedIn }} {{ post.data.lastModified | postDate}}){% endif %}

    • {% endif %} diff --git a/index.njk b/index.njk index 993a6ba..7aee055 100644 --- a/index.njk +++ b/index.njk @@ -27,18 +27,23 @@ layout: base.njk

    {{ i18n[langKey].welcome | smartTitle }}

    {{ i18n[langKey].homeWelcomeParagraph | safe }}

    +
    {{ i88x31("tenkuma.gif") }} {{ i88x31("anybrowser6.gif") }} {{ i88x31("ai.gif") }} {{ i88x31("WEBP.gif") }} {{ i88x31("rainbowrain.gif") }} {{ i88x31("blasphemy.gif") }} + {{ i88x31("css3.gif") }} + {{ i88x31("best_viewed_with_open_eyes.gif") }} + {{ i88x31("gnu-linux.gif") }} +
    -

    {{ i18n[langKey].aboutMe | smartTitle }}

    +

    {{ i18n[langKey].aboutMe | smartTitle }}

    {{ i18n[langKey].homeAboutMeParagraph | safe }}

    {{ i18n[langKey].homeAboutMeParagraphTwo | safe }}

    -

    {{ i18n[langKey].socialsAndContact | smartTitle }}

    +

    {{ i18n[langKey].socialsAndContact | smartTitle }}

    {{ i18n[langKey].homeSocialsAndContactParagraph | safe }}

    {{ i18n[langKey].homeSocialsAndContactParagraphTwo | safe }}

    @@ -48,9 +53,11 @@ layout: base.njk

    {{ i18n[langKey].myMusic | smartTitle }}

    {{ i18n[langKey].homeMyMusicParagraph | safe }}

    {{ i18n[langKey].homeMyMusicParagraphTwo | safe }}

    +
    {{ i88x31("rave.gif") }} {{ i88x31("happymix.gif") }}
    +
    {{ diff --git a/misc/88x31/index.njk b/misc/88x31/index.njk index 8b5098f..144be82 100644 --- a/misc/88x31/index.njk +++ b/misc/88x31/index.njk @@ -10,16 +10,18 @@ tags: misc --- {% from "macros.njk" import i88x31 with context %} -
    +

    88x31

    {{ t.intro }}

    {{ t.me }}

    +
    {{ i88x31("tenkuma.gif") }} +

    {{ t.others }}

    -
    +
    {% for image in collections.88x31 %} {{ i88x31(image.fileSlug) }} {% endfor %} diff --git a/misc/bookmarks/common.json b/misc/bookmarks/common.json index 1031dcb..3f085ae 100644 --- a/misc/bookmarks/common.json +++ b/misc/bookmarks/common.json @@ -1,43 +1,158 @@ { "links": { - "downloads": [ - { - "name": "MalwareWatch", - "link": "https://malwarewatch.org/", - "description": { - "pt": "Website do Enderman. Tem download de vários softwares úteis, imagens de sistemas operacionais e malware.", - "en": "Enderman's website. Provides download to various useful softwares, operating system images and malware." - } - }, - { - "name": "88x31", - "link": "https://88x31.nl/", - "description": { - "pt": "Essa é uma coleção de mais de 6500 GIFs e PNGs no formato 88x31. No final dos anos 1990 e começo dos 2000 era muito comum usar essas imagens no seu site pessoal.", - "en": "This website is a collection with over 6500 GIF's and PNG's in 88x31 format. In the late 1990 and begin of the 2000's it was very common to use these pictures on your personal website." + "downloads": { + "88x31": [ + "iglooftp.gif", + "eftpbutton.gif" + ], + "links": [ + { + "name": "MalwareWatch", + "link": "https://malwarewatch.org/", + "description": { + "pt": "Website do Enderman. Tem download de vários softwares úteis, imagens de sistemas operacionais e malware.", + "en": "Enderman's website. Provides download to various useful softwares, operating system images and malware." + } }, - "88x31": [ - "WEBP.gif" - ] - } - ], - "profiles": [ - { - "name": "Mr. Nando", - "link": "https://www.youtube.com/@mrnandokk", - "description": { - "pt": "Meu amigo Fernando, ele faz músicas e vídeos de Minecraft e speedrun.", - "en": "My friend Fernando, he makes music and YouTube videos of Minecraft and speedrun." + { + "name": "Free Images", + "link": "https://free-images.com/", + "description": { + "pt": "Pesquise por milhões de imagens, artes e vetores. Todas as imagens são de domínio público ou sobre CC0. Livre para baixar e livre para usar.", + "en": "Search through millions of free stock photos, art and vector images. Every image is Public Domain or CC0. Free to Download and Free to Use." + } + }, + { + "name": "88x31", + "link": "https://88x31.nl/", + "description": { + "pt": "Essa é uma coleção de mais de 6500 GIFs e PNGs no formato 88x31. No final dos anos 1990 e começo dos 2000 era muito comum usar essas imagens no seu site pessoal.", + "en": "This website is a collection with over 6500 GIF's and PNG's in 88x31 format. In the late 1990 and begin of the 2000's it was very common to use these pictures on your personal website." + }, + "88x31": [ + "WEBP.gif", + "blank.gif" + ] } - }, - { - "name": "Endermanch", - "link": "https://enderman.ch/", - "description": { - "pt": "Andrew é um engenheiro de software, entusiasta de malware e, mais importante, uma estranha e alta criatura. Cresci com os seus videos e ele é uma grande inspiração para mim.", - "en": "Andrew is a software engineer, a malware enthusiast and most importantly, a weird tall creature. I've grown up with his videos and he's a great inspiration for me." + ] + }, + "profiles": { + "links": [ + { + "name": "Mr. Nando", + "link": "https://www.youtube.com/@mrnandokk", + "description": { + "pt": "Meu amigo Fernando, ele faz músicas e vídeos de Minecraft e speedrun.", + "en": "My friend Fernando, he makes music and YouTube videos of Minecraft and speedrun." + } + }, + { + "name": "Endermanch", + "link": "https://enderman.ch/", + "description": { + "pt": "Andrew é um engenheiro de software, entusiasta de malware e, mais importante, uma estranha e alta criatura. Cresci com os seus videos e ele é uma grande inspiração para mim.", + "en": "Andrew is a software engineer, a malware enthusiast and most importantly, a weird tall creature. I've grown up with his videos and he's a great inspiration for me." + } } - } - ] + ] + }, + "tools": { + "links": [ + { + "name": "Excalidraw", + "link": "https://excalidraw.com/", + "description": { + "pt": "Quadro branco sem distrações.", + "en": "Whiteboard with no bloat." + } + }, + { + "name": "Postimages", + "link": "https://postimages.org/", + "description": { + "pt": "Gere links permantes de suas imagens para forums, blogs e redes sociais.", + "en": "Get permanent links of your images for forums, blogs, and social media." + } + }, + { + "name": "uBlock Origin", + "link": "https://github.com/gorhill/uBlock#ublock-origin", + "description": { + "pt": "Um bloqueador eficiente para Chromium e Firefox. Rápido e pequeno.", + "en": "An efficient blocker for Chromium and Firefox. Fast and lean." + }, + "88x31": ["ublock-now.png"] + } + ] + }, + "games": { + "88x31": [ + "gb.gif", + "amd_powered.gif" + ], + "links": [ + { + "name": "SteamGridDB", + "link": "https://www.steamgriddb.com/", + "description": { + "pt": "Baixe e compartilhe recursos visuais de jogos e personalize sua biblioteca de jogos.", + "en": "Download and share custom video game assets and personalize your gaming library." + } + } + ] + }, + "music": { + "88x31": [ + "rave.gif", + "2014-rave.gif", + "wmpfree.gif", + "wmp.gif", + "wmp9.gif", + "wmp10.gif", + "wmp11.gif", + "ffmpeg.gif", + "ymusic.gif" + ], + "links": [ + { + "name": "CVGM Radio", + "link": "https://radio.cvgm.net/demovibes/", + "description": { + "pt": "Seu lar para música relacionada a video games, demo scene e computadores.", + "en": "Your home for video game, demo scene and computer related music." + } + } + ] + }, + "piracy": { + "88x31": ["piracy.png"], + "links": [ + { + "name": "Nyaa", + "link": "https://nyaa.si/", + "description": { + "pt": "Um tracker de animes, mangás e coisas relacionadas.", + "en": "A tracker of animes, mangas and related stuff." + }, + "88x31": ["rukia.gif"] + }, + { + "name": "Lucida", + "link": "https://lucida.to/", + "description": { + "pt": "Com Lucida, você pode baixar musica diretamente de Qobuz, Tidal, Soundcloud, Deezer, Amazon Music, e Yandex Music em alta qualidade de graça. Sem pegadinhas, sem anúncios obrigatórios, sem enrolação. Como que funciona?", + "en": "With Lucida, you can download music directly from Qobuz, Tidal, Soundcloud, Deezer, Amazon Music, and Yandex Music in high quality for free. No catches, no mandatory ads, no BS. How does it work?" + } + }, + { + "name": "DoubleDouble", + "link": "https://doubledouble.top/", + "description": { + "pt": "Baixe musica diretamente de Qobuz, Tidal, Soundcloud, Deezer, Amazon Music, e Yandex Music em alta qualidade de graça.", + "en": "Download music directly from Amazon Music, Soundcloud, Qobuz, Deezer and Tidal for free." + } + } + ] + } } } \ No newline at end of file diff --git a/misc/bookmarks/en.json b/misc/bookmarks/en.json index 87d6d78..b7ae767 100644 --- a/misc/bookmarks/en.json +++ b/misc/bookmarks/en.json @@ -1,6 +1,11 @@ { "pageTitle": "Bookmarks", "pageDescription": "My collection of interesting websites/pages.", + "intro": "A list of useful or cool websites/pages curated by me. Divided in sections for an easier navigation.", "profiles": "Profiles", - "downloads": "Downloads" + "downloads": "Downloads", + "games": "Games", + "tools": "Tools", + "music": "Music", + "piracy": "Piracy" } \ No newline at end of file diff --git a/misc/bookmarks/index.njk b/misc/bookmarks/index.njk index b49c0d0..ec34a11 100644 --- a/misc/bookmarks/index.njk +++ b/misc/bookmarks/index.njk @@ -18,20 +18,32 @@ backgroundOpacity: .2
    {% for sectionName, section in c.links %} -

    {{ t[sectionName] }}

    -
    - {% for link in section %} -
    {{ link.name }}
    -
    - {% if link.88x31 %} - {% for 88x31 in link.88x31 %} +
    +

    {{ t[sectionName] }}

    + {% if section.88x31 %} +
    + {% for 88x31 in section.88x31 %} {{ i88x31(88x31) }} {% endfor %} -
    - {% endif %} - {{ link.description[langKey] }} -
    +
    + {% endif %} +
    + {% for link in section.links %} +
    +
    {{ link.name }}
    +
    +
    + {{ link.description[langKey] }} +
    + {% if link.88x31 %} + {% for 88x31 in link.88x31 %} + {{ i88x31(88x31) }} + {% endfor %} + {% endif %} +
    +
    +
    + {% endfor %} +
    {% endfor %} - - {% endfor %} -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/misc/bookmarks/pt.json b/misc/bookmarks/pt.json index 6b4ae8a..450bcb3 100644 --- a/misc/bookmarks/pt.json +++ b/misc/bookmarks/pt.json @@ -1,7 +1,11 @@ { "pageTitle": "Favoritos", "pageDescription": "Minha coleção de sites e páginas interessantes.", + "intro": "Essa é a lista de links favoritos curada por mim, dividida em seções para facilitar a navegação ;-)", "profiles": "Perfis", "downloads": "Downloads", - "intro": "Essa é a lista de links favoritos curada por mim, dividida em seções para facilitar a navegação ;-)" + "games": "Jogos", + "tools": "Ferramentas", + "music": "Música", + "piracy": "Pirataria" } \ No newline at end of file diff --git a/misc/misc.11tydata.js b/misc/misc.11tydata.js index c57590f..26b8826 100644 --- a/misc/misc.11tydata.js +++ b/misc/misc.11tydata.js @@ -26,7 +26,6 @@ module.exports = { }, - languages: ["en", "pt"], permalink: data => { return `/${data.langKey}/misc/${data.page.fileSlug}/`; }, diff --git a/posts/posts.11tydata.js b/posts/posts.11tydata.js new file mode 100644 index 0000000..9b619b7 --- /dev/null +++ b/posts/posts.11tydata.js @@ -0,0 +1,12 @@ +let data = { + layout: "_includes/post.njk", + eleventyComputed: { + lastModified: function(data) { + const fs = require('fs'); + const stats = fs.statSync(data.page.inputPath); + return stats.mtime; + } + } +}; + +module.exports = data; diff --git a/static/images/88x31/000010.gif b/static/images/88x31/000010.gif new file mode 100644 index 0000000..5b387b2 Binary files /dev/null and b/static/images/88x31/000010.gif differ diff --git a/static/images/88x31/149.png b/static/images/88x31/149.png new file mode 100644 index 0000000..4d0f68b Binary files /dev/null and b/static/images/88x31/149.png differ diff --git a/static/images/88x31/88x31floral.gif b/static/images/88x31/88x31floral.gif new file mode 100644 index 0000000..62ad118 Binary files /dev/null and b/static/images/88x31/88x31floral.gif differ diff --git a/static/images/88x31/88x31gold.gif b/static/images/88x31/88x31gold.gif new file mode 100644 index 0000000..6e2dcc5 Binary files /dev/null and b/static/images/88x31/88x31gold.gif differ diff --git a/static/images/88x31/88x31greenmarble.gif b/static/images/88x31/88x31greenmarble.gif new file mode 100644 index 0000000..1280e32 Binary files /dev/null and b/static/images/88x31/88x31greenmarble.gif differ diff --git a/static/images/88x31/88x31pinkmarble.gif b/static/images/88x31/88x31pinkmarble.gif new file mode 100644 index 0000000..0656162 Binary files /dev/null and b/static/images/88x31/88x31pinkmarble.gif differ diff --git a/static/images/88x31/88x31tms.gif b/static/images/88x31/88x31tms.gif new file mode 100644 index 0000000..e532947 Binary files /dev/null and b/static/images/88x31/88x31tms.gif differ diff --git a/static/images/88x31/88x31whitemarble.gif b/static/images/88x31/88x31whitemarble.gif new file mode 100644 index 0000000..79ece74 Binary files /dev/null and b/static/images/88x31/88x31whitemarble.gif differ diff --git a/static/images/88x31/AB_big3.gif b/static/images/88x31/AB_big3.gif new file mode 100644 index 0000000..d659e6d Binary files /dev/null and b/static/images/88x31/AB_big3.gif differ diff --git a/static/images/88x31/EmacsNow (2).gif b/static/images/88x31/EmacsNow (2).gif new file mode 100644 index 0000000..d5939e2 Binary files /dev/null and b/static/images/88x31/EmacsNow (2).gif differ diff --git a/static/images/88x31/KMeleon-White_Ani.gif b/static/images/88x31/KMeleon-White_Ani.gif new file mode 100644 index 0000000..bc95862 Binary files /dev/null and b/static/images/88x31/KMeleon-White_Ani.gif differ diff --git a/static/images/88x31/KMeleon_logo.gif b/static/images/88x31/KMeleon_logo.gif new file mode 100644 index 0000000..5d94413 Binary files /dev/null and b/static/images/88x31/KMeleon_logo.gif differ diff --git a/static/images/88x31/bbn.gif b/static/images/88x31/bbn.gif new file mode 100644 index 0000000..c677368 Binary files /dev/null and b/static/images/88x31/bbn.gif differ diff --git a/static/images/88x31/button.png b/static/images/88x31/button.png new file mode 100644 index 0000000..83af9b2 Binary files /dev/null and b/static/images/88x31/button.png differ diff --git a/static/images/88x31/clickhere_blue.gif b/static/images/88x31/clickhere_blue.gif new file mode 100644 index 0000000..481266d Binary files /dev/null and b/static/images/88x31/clickhere_blue.gif differ diff --git a/static/images/88x31/clickhere_red.gif b/static/images/88x31/clickhere_red.gif new file mode 100644 index 0000000..0ad0512 Binary files /dev/null and b/static/images/88x31/clickhere_red.gif differ diff --git a/static/images/88x31/cocacola.gif b/static/images/88x31/cocacola.gif new file mode 100644 index 0000000..964bf13 Binary files /dev/null and b/static/images/88x31/cocacola.gif differ diff --git a/static/images/88x31/coolacid.gif b/static/images/88x31/coolacid.gif new file mode 100644 index 0000000..51e927e Binary files /dev/null and b/static/images/88x31/coolacid.gif differ diff --git a/static/images/88x31/corp.gif b/static/images/88x31/corp.gif new file mode 100644 index 0000000..19b7739 Binary files /dev/null and b/static/images/88x31/corp.gif differ diff --git a/static/images/88x31/css.gif b/static/images/88x31/css.gif new file mode 100644 index 0000000..be69d58 Binary files /dev/null and b/static/images/88x31/css.gif differ diff --git a/static/images/88x31/css2.gif b/static/images/88x31/css2.gif new file mode 100644 index 0000000..8dcff0b Binary files /dev/null and b/static/images/88x31/css2.gif differ diff --git a/static/images/88x31/css3.gif b/static/images/88x31/css3.gif new file mode 100644 index 0000000..8f9ef44 Binary files /dev/null and b/static/images/88x31/css3.gif differ diff --git a/static/images/88x31/cyberrot.gif b/static/images/88x31/cyberrot.gif new file mode 100644 index 0000000..81a859a Binary files /dev/null and b/static/images/88x31/cyberrot.gif differ diff --git a/static/images/88x31/debian-powered.gif b/static/images/88x31/debian-powered.gif new file mode 100644 index 0000000..92cbdf1 Binary files /dev/null and b/static/images/88x31/debian-powered.gif differ diff --git a/static/images/88x31/debian.gif b/static/images/88x31/debian.gif new file mode 100644 index 0000000..eaf7001 Binary files /dev/null and b/static/images/88x31/debian.gif differ diff --git a/static/images/88x31/eftpbutton.gif b/static/images/88x31/eftpbutton.gif new file mode 100644 index 0000000..b875227 Binary files /dev/null and b/static/images/88x31/eftpbutton.gif differ diff --git a/static/images/88x31/ehbutton.gif b/static/images/88x31/ehbutton.gif new file mode 100644 index 0000000..848d9c1 Binary files /dev/null and b/static/images/88x31/ehbutton.gif differ diff --git a/static/images/88x31/emacs.gif b/static/images/88x31/emacs.gif new file mode 100644 index 0000000..495caf8 Binary files /dev/null and b/static/images/88x31/emacs.gif differ diff --git a/static/images/88x31/emacs2.gif b/static/images/88x31/emacs2.gif new file mode 100644 index 0000000..2474856 Binary files /dev/null and b/static/images/88x31/emacs2.gif differ diff --git a/static/images/88x31/emacs3.gif b/static/images/88x31/emacs3.gif new file mode 100644 index 0000000..c2356a9 Binary files /dev/null and b/static/images/88x31/emacs3.gif differ diff --git a/static/images/88x31/emacsnow.gif b/static/images/88x31/emacsnow.gif new file mode 100644 index 0000000..e5fe9e2 Binary files /dev/null and b/static/images/88x31/emacsnow.gif differ diff --git a/static/images/88x31/email.gif b/static/images/88x31/email.gif new file mode 100644 index 0000000..23425f3 Binary files /dev/null and b/static/images/88x31/email.gif differ diff --git a/static/images/88x31/facebook.gif b/static/images/88x31/facebook.gif new file mode 100644 index 0000000..a7cf4cd Binary files /dev/null and b/static/images/88x31/facebook.gif differ diff --git a/static/images/88x31/ffmpeg.gif b/static/images/88x31/ffmpeg.gif new file mode 100644 index 0000000..7125358 Binary files /dev/null and b/static/images/88x31/ffmpeg.gif differ diff --git a/static/images/88x31/fingerofgod.gif b/static/images/88x31/fingerofgod.gif new file mode 100644 index 0000000..96110b9 Binary files /dev/null and b/static/images/88x31/fingerofgod.gif differ diff --git a/static/images/88x31/firefox2.gif b/static/images/88x31/firefox2.gif new file mode 100644 index 0000000..14a24df Binary files /dev/null and b/static/images/88x31/firefox2.gif differ diff --git a/static/images/88x31/firefox3.gif b/static/images/88x31/firefox3.gif new file mode 100644 index 0000000..80e7e85 Binary files /dev/null and b/static/images/88x31/firefox3.gif differ diff --git a/static/images/88x31/firefox4.gif b/static/images/88x31/firefox4.gif new file mode 100644 index 0000000..94621d5 Binary files /dev/null and b/static/images/88x31/firefox4.gif differ diff --git a/static/images/88x31/firefoxget.gif b/static/images/88x31/firefoxget.gif new file mode 100644 index 0000000..3cd754f Binary files /dev/null and b/static/images/88x31/firefoxget.gif differ diff --git a/static/images/88x31/firefoxnow.gif b/static/images/88x31/firefoxnow.gif new file mode 100644 index 0000000..a4cd0bd Binary files /dev/null and b/static/images/88x31/firefoxnow.gif differ diff --git a/static/images/88x31/firen00bs.gif b/static/images/88x31/firen00bs.gif new file mode 100644 index 0000000..e6445e5 Binary files /dev/null and b/static/images/88x31/firen00bs.gif differ diff --git a/static/images/88x31/flash_get_20010813.gif b/static/images/88x31/flash_get_20010813.gif new file mode 100644 index 0000000..d0ea7bd Binary files /dev/null and b/static/images/88x31/flash_get_20010813.gif differ diff --git a/static/images/88x31/floppy.gif b/static/images/88x31/floppy.gif new file mode 100644 index 0000000..c5dc9c5 Binary files /dev/null and b/static/images/88x31/floppy.gif differ diff --git a/static/images/88x31/folder.gif b/static/images/88x31/folder.gif new file mode 100644 index 0000000..b2502e5 Binary files /dev/null and b/static/images/88x31/folder.gif differ diff --git a/static/images/88x31/fpbutton.png b/static/images/88x31/fpbutton.png new file mode 100644 index 0000000..53ead68 Binary files /dev/null and b/static/images/88x31/fpbutton.png differ diff --git a/static/images/88x31/fspeech96.gif b/static/images/88x31/fspeech96.gif new file mode 100644 index 0000000..b9628aa Binary files /dev/null and b/static/images/88x31/fspeech96.gif differ diff --git a/static/images/88x31/fspeech96a.gif b/static/images/88x31/fspeech96a.gif new file mode 100644 index 0000000..5984b78 Binary files /dev/null and b/static/images/88x31/fspeech96a.gif differ diff --git a/static/images/88x31/ftpxani.gif b/static/images/88x31/ftpxani.gif new file mode 100644 index 0000000..4fd222a Binary files /dev/null and b/static/images/88x31/ftpxani.gif differ diff --git a/static/images/88x31/gb.gif b/static/images/88x31/gb.gif new file mode 100644 index 0000000..d2b9001 Binary files /dev/null and b/static/images/88x31/gb.gif differ diff --git a/static/images/88x31/gba_now.png b/static/images/88x31/gba_now.png new file mode 100644 index 0000000..938f4a9 Binary files /dev/null and b/static/images/88x31/gba_now.png differ diff --git a/static/images/88x31/get_a_computer.jpg b/static/images/88x31/get_a_computer.jpg new file mode 100644 index 0000000..bc0c591 Binary files /dev/null and b/static/images/88x31/get_a_computer.jpg differ diff --git a/static/images/88x31/get_flashplayer_19981202.gif b/static/images/88x31/get_flashplayer_19981202.gif new file mode 100644 index 0000000..4bd5fa9 Binary files /dev/null and b/static/images/88x31/get_flashplayer_19981202.gif differ diff --git a/static/images/88x31/get_flashplayer_88_31_20021015.gif b/static/images/88x31/get_flashplayer_88_31_20021015.gif new file mode 100644 index 0000000..75cfd74 Binary files /dev/null and b/static/images/88x31/get_flashplayer_88_31_20021015.gif differ diff --git a/static/images/88x31/get_shock_player_20040607.gif b/static/images/88x31/get_shock_player_20040607.gif new file mode 100644 index 0000000..a936233 Binary files /dev/null and b/static/images/88x31/get_shock_player_20040607.gif differ diff --git a/static/images/88x31/get_shock_player_20060706.gif b/static/images/88x31/get_shock_player_20060706.gif new file mode 100644 index 0000000..75149ab Binary files /dev/null and b/static/images/88x31/get_shock_player_20060706.gif differ diff --git a/static/images/88x31/get_shockwave_grys.gif b/static/images/88x31/get_shockwave_grys.gif new file mode 100644 index 0000000..665fd60 Binary files /dev/null and b/static/images/88x31/get_shockwave_grys.gif differ diff --git a/static/images/88x31/get_shockwave_player_20070913.gif b/static/images/88x31/get_shockwave_player_20070913.gif new file mode 100644 index 0000000..3d50967 Binary files /dev/null and b/static/images/88x31/get_shockwave_player_20070913.gif differ diff --git a/static/images/88x31/get_wmp_20031005.gif b/static/images/88x31/get_wmp_20031005.gif new file mode 100644 index 0000000..ef21397 Binary files /dev/null and b/static/images/88x31/get_wmp_20031005.gif differ diff --git a/static/images/88x31/getfirefox.gif b/static/images/88x31/getfirefox.gif new file mode 100644 index 0000000..d82f741 Binary files /dev/null and b/static/images/88x31/getfirefox.gif differ diff --git a/static/images/88x31/gif b/static/images/88x31/gif new file mode 100644 index 0000000..e1466be Binary files /dev/null and b/static/images/88x31/gif differ diff --git a/static/images/88x31/gladiators-88x31-2.gif b/static/images/88x31/gladiators-88x31-2.gif new file mode 100644 index 0000000..c61b99b Binary files /dev/null and b/static/images/88x31/gladiators-88x31-2.gif differ diff --git a/static/images/88x31/gnu-linux.gif b/static/images/88x31/gnu-linux.gif new file mode 100644 index 0000000..89e3562 Binary files /dev/null and b/static/images/88x31/gnu-linux.gif differ diff --git a/static/images/88x31/got_html.gif b/static/images/88x31/got_html.gif new file mode 100644 index 0000000..f713730 Binary files /dev/null and b/static/images/88x31/got_html.gif differ diff --git a/static/images/88x31/gplv3.gif b/static/images/88x31/gplv3.gif new file mode 100644 index 0000000..9dcf393 Binary files /dev/null and b/static/images/88x31/gplv3.gif differ diff --git a/static/images/88x31/hamexp.png b/static/images/88x31/hamexp.png new file mode 100644 index 0000000..9c43881 Binary files /dev/null and b/static/images/88x31/hamexp.png differ diff --git a/static/images/88x31/iebad.gif b/static/images/88x31/iebad.gif new file mode 100644 index 0000000..6c82660 Binary files /dev/null and b/static/images/88x31/iebad.gif differ diff --git a/static/images/88x31/iebarf.gif b/static/images/88x31/iebarf.gif new file mode 100644 index 0000000..897af6f Binary files /dev/null and b/static/images/88x31/iebarf.gif differ diff --git a/static/images/88x31/ieborg.gif b/static/images/88x31/ieborg.gif new file mode 100644 index 0000000..1571c77 Binary files /dev/null and b/static/images/88x31/ieborg.gif differ diff --git a/static/images/88x31/ieburnbtn.gif b/static/images/88x31/ieburnbtn.gif new file mode 100644 index 0000000..266ccd2 Binary files /dev/null and b/static/images/88x31/ieburnbtn.gif differ diff --git a/static/images/88x31/iecrash.gif b/static/images/88x31/iecrash.gif new file mode 100644 index 0000000..b4efd89 Binary files /dev/null and b/static/images/88x31/iecrash.gif differ diff --git a/static/images/88x31/iedie2.gif b/static/images/88x31/iedie2.gif new file mode 100644 index 0000000..beb2678 Binary files /dev/null and b/static/images/88x31/iedie2.gif differ diff --git a/static/images/88x31/ieexpecter.gif b/static/images/88x31/ieexpecter.gif new file mode 100644 index 0000000..d541dca Binary files /dev/null and b/static/images/88x31/ieexpecter.gif differ diff --git a/static/images/88x31/ieexplode.gif b/static/images/88x31/ieexplode.gif new file mode 100644 index 0000000..e0a3a3d Binary files /dev/null and b/static/images/88x31/ieexplode.gif differ diff --git a/static/images/88x31/ieeyes.gif b/static/images/88x31/ieeyes.gif new file mode 100644 index 0000000..f3c97b5 Binary files /dev/null and b/static/images/88x31/ieeyes.gif differ diff --git a/static/images/88x31/iefuck.gif b/static/images/88x31/iefuck.gif new file mode 100644 index 0000000..d8a7880 Binary files /dev/null and b/static/images/88x31/iefuck.gif differ diff --git a/static/images/88x31/ieget_an.gif b/static/images/88x31/ieget_an.gif new file mode 100644 index 0000000..0095c0f Binary files /dev/null and b/static/images/88x31/ieget_an.gif differ diff --git a/static/images/88x31/ieidiot.gif b/static/images/88x31/ieidiot.gif new file mode 100644 index 0000000..beedabf Binary files /dev/null and b/static/images/88x31/ieidiot.gif differ diff --git a/static/images/88x31/ieisevil.gif b/static/images/88x31/ieisevil.gif new file mode 100644 index 0000000..88a5fec Binary files /dev/null and b/static/images/88x31/ieisevil.gif differ diff --git a/static/images/88x31/iemickey.gif b/static/images/88x31/iemickey.gif new file mode 100644 index 0000000..65c4781 Binary files /dev/null and b/static/images/88x31/iemickey.gif differ diff --git a/static/images/88x31/iemono.gif b/static/images/88x31/iemono.gif new file mode 100644 index 0000000..59e5abe Binary files /dev/null and b/static/images/88x31/iemono.gif differ diff --git a/static/images/88x31/ieretards.gif b/static/images/88x31/ieretards.gif new file mode 100644 index 0000000..d39158e Binary files /dev/null and b/static/images/88x31/ieretards.gif differ diff --git a/static/images/88x31/ieshit.gif b/static/images/88x31/ieshit.gif new file mode 100644 index 0000000..83390a6 Binary files /dev/null and b/static/images/88x31/ieshit.gif differ diff --git a/static/images/88x31/iestop.gif b/static/images/88x31/iestop.gif new file mode 100644 index 0000000..e604340 Binary files /dev/null and b/static/images/88x31/iestop.gif differ diff --git a/static/images/88x31/iglooftp.gif b/static/images/88x31/iglooftp.gif new file mode 100644 index 0000000..0d25339 Binary files /dev/null and b/static/images/88x31/iglooftp.gif differ diff --git a/static/images/88x31/imissxp.gif b/static/images/88x31/imissxp.gif new file mode 100644 index 0000000..77a7f1c Binary files /dev/null and b/static/images/88x31/imissxp.gif differ diff --git a/static/images/88x31/infernobutton2.gif b/static/images/88x31/infernobutton2.gif new file mode 100644 index 0000000..d43dcf3 Binary files /dev/null and b/static/images/88x31/infernobutton2.gif differ diff --git a/static/images/88x31/internetarchive.gif b/static/images/88x31/internetarchive.gif new file mode 100644 index 0000000..21ccfa3 Binary files /dev/null and b/static/images/88x31/internetarchive.gif differ diff --git a/static/images/88x31/java_green_button.gif b/static/images/88x31/java_green_button.gif new file mode 100644 index 0000000..a5a44ad Binary files /dev/null and b/static/images/88x31/java_green_button.gif differ diff --git a/static/images/88x31/javanow.gif b/static/images/88x31/javanow.gif new file mode 100644 index 0000000..0d8cfec Binary files /dev/null and b/static/images/88x31/javanow.gif differ diff --git a/static/images/88x31/javascriptfree.gif b/static/images/88x31/javascriptfree.gif new file mode 100644 index 0000000..b83040c Binary files /dev/null and b/static/images/88x31/javascriptfree.gif differ diff --git a/static/images/88x31/jellyfin.gif b/static/images/88x31/jellyfin.gif new file mode 100644 index 0000000..cc0ed75 Binary files /dev/null and b/static/images/88x31/jellyfin.gif differ diff --git a/static/images/88x31/ka.png b/static/images/88x31/ka.png new file mode 100644 index 0000000..dd85f7f Binary files /dev/null and b/static/images/88x31/ka.png differ diff --git a/static/images/88x31/kaboom3.gif b/static/images/88x31/kaboom3.gif new file mode 100644 index 0000000..47aaf6f Binary files /dev/null and b/static/images/88x31/kaboom3.gif differ diff --git a/static/images/88x31/kdenews.gif b/static/images/88x31/kdenews.gif new file mode 100644 index 0000000..a9c8361 Binary files /dev/null and b/static/images/88x31/kdenews.gif differ diff --git a/static/images/88x31/kirbykevinson.png b/static/images/88x31/kirbykevinson.png new file mode 100644 index 0000000..81b6b22 Binary files /dev/null and b/static/images/88x31/kirbykevinson.png differ diff --git a/static/images/88x31/kmfms-n.gif b/static/images/88x31/kmfms-n.gif new file mode 100644 index 0000000..0fa80c4 Binary files /dev/null and b/static/images/88x31/kmfms-n.gif differ diff --git a/static/images/88x31/knbutton.gif b/static/images/88x31/knbutton.gif new file mode 100644 index 0000000..a11c3a7 Binary files /dev/null and b/static/images/88x31/knbutton.gif differ diff --git a/static/images/88x31/konata.gif b/static/images/88x31/konata.gif new file mode 100644 index 0000000..ac1e57c Binary files /dev/null and b/static/images/88x31/konata.gif differ diff --git a/static/images/88x31/li.png b/static/images/88x31/li.png new file mode 100644 index 0000000..fb64ed2 Binary files /dev/null and b/static/images/88x31/li.png differ diff --git a/static/images/88x31/libreboot.gif b/static/images/88x31/libreboot.gif new file mode 100644 index 0000000..65f2918 Binary files /dev/null and b/static/images/88x31/libreboot.gif differ diff --git a/static/images/88x31/linksbrow.gif b/static/images/88x31/linksbrow.gif new file mode 100644 index 0000000..a4a65d1 Binary files /dev/null and b/static/images/88x31/linksbrow.gif differ diff --git a/static/images/88x31/linres.gif b/static/images/88x31/linres.gif new file mode 100644 index 0000000..125f631 Binary files /dev/null and b/static/images/88x31/linres.gif differ diff --git a/static/images/88x31/linux-directory.gif b/static/images/88x31/linux-directory.gif new file mode 100644 index 0000000..901bcf6 Binary files /dev/null and b/static/images/88x31/linux-directory.gif differ diff --git a/static/images/88x31/linux-p.gif b/static/images/88x31/linux-p.gif new file mode 100644 index 0000000..32b2658 Binary files /dev/null and b/static/images/88x31/linux-p.gif differ diff --git a/static/images/88x31/linux.gif b/static/images/88x31/linux.gif new file mode 100644 index 0000000..ba8241c Binary files /dev/null and b/static/images/88x31/linux.gif differ diff --git a/static/images/88x31/linuxberg.gif b/static/images/88x31/linuxberg.gif new file mode 100644 index 0000000..ae5be81 Binary files /dev/null and b/static/images/88x31/linuxberg.gif differ diff --git a/static/images/88x31/linuxgames_button.gif b/static/images/88x31/linuxgames_button.gif new file mode 100644 index 0000000..9533e72 Binary files /dev/null and b/static/images/88x31/linuxgames_button.gif differ diff --git a/static/images/88x31/linuxnow.jpg b/static/images/88x31/linuxnow.jpg new file mode 100644 index 0000000..d776ca4 Binary files /dev/null and b/static/images/88x31/linuxnow.jpg differ diff --git a/static/images/88x31/linuxnow2.gif b/static/images/88x31/linuxnow2.gif new file mode 100644 index 0000000..03b9285 Binary files /dev/null and b/static/images/88x31/linuxnow2.gif differ diff --git a/static/images/88x31/lynx-anim.gif b/static/images/88x31/lynx-anim.gif new file mode 100644 index 0000000..c87a993 Binary files /dev/null and b/static/images/88x31/lynx-anim.gif differ diff --git a/static/images/88x31/lynx-lutz.gif b/static/images/88x31/lynx-lutz.gif new file mode 100644 index 0000000..293a9ec Binary files /dev/null and b/static/images/88x31/lynx-lutz.gif differ diff --git a/static/images/88x31/mastodon_button_1.gif b/static/images/88x31/mastodon_button_1.gif new file mode 100644 index 0000000..c154de8 Binary files /dev/null and b/static/images/88x31/mastodon_button_1.gif differ diff --git a/static/images/88x31/members_choice_19961109.gif b/static/images/88x31/members_choice_19961109.gif new file mode 100644 index 0000000..a01a8e2 Binary files /dev/null and b/static/images/88x31/members_choice_19961109.gif differ diff --git a/static/images/88x31/mentos.gif b/static/images/88x31/mentos.gif new file mode 100644 index 0000000..76f2247 Binary files /dev/null and b/static/images/88x31/mentos.gif differ diff --git a/static/images/88x31/merlinxp.gif b/static/images/88x31/merlinxp.gif new file mode 100644 index 0000000..e5470a4 Binary files /dev/null and b/static/images/88x31/merlinxp.gif differ diff --git a/static/images/88x31/mirc.gif b/static/images/88x31/mirc.gif new file mode 100644 index 0000000..356b5db Binary files /dev/null and b/static/images/88x31/mirc.gif differ diff --git a/static/images/88x31/mirc50.gif b/static/images/88x31/mirc50.gif new file mode 100644 index 0000000..38daaf5 Binary files /dev/null and b/static/images/88x31/mirc50.gif differ diff --git a/static/images/88x31/mirc53.gif b/static/images/88x31/mirc53.gif new file mode 100644 index 0000000..1967efd Binary files /dev/null and b/static/images/88x31/mirc53.gif differ diff --git a/static/images/88x31/mircnet.gif b/static/images/88x31/mircnet.gif new file mode 100644 index 0000000..9de854b Binary files /dev/null and b/static/images/88x31/mircnet.gif differ diff --git a/static/images/88x31/mircnow2.gif b/static/images/88x31/mircnow2.gif new file mode 100644 index 0000000..c379430 Binary files /dev/null and b/static/images/88x31/mircnow2.gif differ diff --git a/static/images/88x31/mircnow56.gif b/static/images/88x31/mircnow56.gif new file mode 100644 index 0000000..7369340 Binary files /dev/null and b/static/images/88x31/mircnow56.gif differ diff --git a/static/images/88x31/mircnow_002.gif b/static/images/88x31/mircnow_002.gif new file mode 100644 index 0000000..8fec6cd Binary files /dev/null and b/static/images/88x31/mircnow_002.gif differ diff --git a/static/images/88x31/ms-iex.gif b/static/images/88x31/ms-iex.gif new file mode 100644 index 0000000..0a0dd71 Binary files /dev/null and b/static/images/88x31/ms-iex.gif differ diff --git a/static/images/88x31/mwm_dir_88x31_20000815.gif b/static/images/88x31/mwm_dir_88x31_20000815.gif new file mode 100644 index 0000000..aaf783c Binary files /dev/null and b/static/images/88x31/mwm_dir_88x31_20000815.gif differ diff --git a/static/images/88x31/mwm_director_120_40_20021015.gif b/static/images/88x31/mwm_director_120_40_20021015.gif new file mode 100644 index 0000000..8d32fca Binary files /dev/null and b/static/images/88x31/mwm_director_120_40_20021015.gif differ diff --git a/static/images/88x31/mwm_dirmw_120_40_20030404.gif b/static/images/88x31/mwm_dirmw_120_40_20030404.gif new file mode 100644 index 0000000..6560a87 Binary files /dev/null and b/static/images/88x31/mwm_dirmw_120_40_20030404.gif differ diff --git a/static/images/88x31/mwm_dirmw_88_31_20061117.gif b/static/images/88x31/mwm_dirmw_88_31_20061117.gif new file mode 100644 index 0000000..7ad029c Binary files /dev/null and b/static/images/88x31/mwm_dirmw_88_31_20061117.gif differ diff --git a/static/images/88x31/mwm_dw_88x31_20000815.gif b/static/images/88x31/mwm_dw_88x31_20000815.gif new file mode 100644 index 0000000..21c9560 Binary files /dev/null and b/static/images/88x31/mwm_dw_88x31_20000815.gif differ diff --git a/static/images/88x31/mwm_dwmx_120_40_20030404.gif b/static/images/88x31/mwm_dwmx_120_40_20030404.gif new file mode 100644 index 0000000..20a3b19 Binary files /dev/null and b/static/images/88x31/mwm_dwmx_120_40_20030404.gif differ diff --git a/static/images/88x31/mwm_dwmx_88_31_20061117.gif b/static/images/88x31/mwm_dwmx_88_31_20061117.gif new file mode 100644 index 0000000..60135ba Binary files /dev/null and b/static/images/88x31/mwm_dwmx_88_31_20061117.gif differ diff --git a/static/images/88x31/mwm_fla_88x31_20000815.gif b/static/images/88x31/mwm_fla_88x31_20000815.gif new file mode 100644 index 0000000..ce87748 Binary files /dev/null and b/static/images/88x31/mwm_fla_88x31_20000815.gif differ diff --git a/static/images/88x31/mwm_flmx_120_40_20030404.gif b/static/images/88x31/mwm_flmx_120_40_20030404.gif new file mode 100644 index 0000000..0479209 Binary files /dev/null and b/static/images/88x31/mwm_flmx_120_40_20030404.gif differ diff --git a/static/images/88x31/mwm_fw_88x31_20000815.gif b/static/images/88x31/mwm_fw_88x31_20000815.gif new file mode 100644 index 0000000..afbbdc7 Binary files /dev/null and b/static/images/88x31/mwm_fw_88x31_20000815.gif differ diff --git a/static/images/88x31/mwm_fwmx_120_40_20030404.gif b/static/images/88x31/mwm_fwmx_120_40_20030404.gif new file mode 100644 index 0000000..d14dfe8 Binary files /dev/null and b/static/images/88x31/mwm_fwmx_120_40_20030404.gif differ diff --git a/static/images/88x31/mwm_fwmx_88_31_20061117.gif b/static/images/88x31/mwm_fwmx_88_31_20061117.gif new file mode 100644 index 0000000..ac0c73a Binary files /dev/null and b/static/images/88x31/mwm_fwmx_88_31_20061117.gif differ diff --git a/static/images/88x31/mymusic.gif b/static/images/88x31/mymusic.gif new file mode 100644 index 0000000..3d50cd9 Binary files /dev/null and b/static/images/88x31/mymusic.gif differ diff --git a/static/images/88x31/myspace.gif b/static/images/88x31/myspace.gif new file mode 100644 index 0000000..8cc1460 Binary files /dev/null and b/static/images/88x31/myspace.gif differ diff --git a/static/images/88x31/mysql-88x31-bow.gif b/static/images/88x31/mysql-88x31-bow.gif new file mode 100644 index 0000000..801e8f7 Binary files /dev/null and b/static/images/88x31/mysql-88x31-bow.gif differ diff --git a/static/images/88x31/mysql-88x31-wob.gif b/static/images/88x31/mysql-88x31-wob.gif new file mode 100644 index 0000000..cd3544c Binary files /dev/null and b/static/images/88x31/mysql-88x31-wob.gif differ diff --git a/static/images/88x31/mysql-88x31.gif b/static/images/88x31/mysql-88x31.gif new file mode 100644 index 0000000..6beda36 Binary files /dev/null and b/static/images/88x31/mysql-88x31.gif differ diff --git a/static/images/88x31/mysql4.gif b/static/images/88x31/mysql4.gif new file mode 100644 index 0000000..34e074b Binary files /dev/null and b/static/images/88x31/mysql4.gif differ diff --git a/static/images/88x31/mysql5.gif b/static/images/88x31/mysql5.gif new file mode 100644 index 0000000..f78b8a1 Binary files /dev/null and b/static/images/88x31/mysql5.gif differ diff --git a/static/images/88x31/mysql_88x31.gif b/static/images/88x31/mysql_88x31.gif new file mode 100644 index 0000000..cac153d Binary files /dev/null and b/static/images/88x31/mysql_88x31.gif differ diff --git a/static/images/88x31/mysqla.gif b/static/images/88x31/mysqla.gif new file mode 100644 index 0000000..cfd3e1c Binary files /dev/null and b/static/images/88x31/mysqla.gif differ diff --git a/static/images/88x31/n64.gif b/static/images/88x31/n64.gif new file mode 100644 index 0000000..bcd3645 Binary files /dev/null and b/static/images/88x31/n64.gif differ diff --git a/static/images/88x31/nailbutt.gif b/static/images/88x31/nailbutt.gif new file mode 100644 index 0000000..e74948f Binary files /dev/null and b/static/images/88x31/nailbutt.gif differ diff --git a/static/images/88x31/namcomuseum.gif b/static/images/88x31/namcomuseum.gif new file mode 100644 index 0000000..2f81088 Binary files /dev/null and b/static/images/88x31/namcomuseum.gif differ diff --git a/static/images/88x31/nano.gif b/static/images/88x31/nano.gif new file mode 100644 index 0000000..d3e1025 Binary files /dev/null and b/static/images/88x31/nano.gif differ diff --git a/static/images/88x31/nano2.gif b/static/images/88x31/nano2.gif new file mode 100644 index 0000000..079c476 Binary files /dev/null and b/static/images/88x31/nano2.gif differ diff --git a/static/images/88x31/nanoarrow.gif b/static/images/88x31/nanoarrow.gif new file mode 100644 index 0000000..d6c3dc3 Binary files /dev/null and b/static/images/88x31/nanoarrow.gif differ diff --git a/static/images/88x31/navidrome.gif b/static/images/88x31/navidrome.gif new file mode 100644 index 0000000..b95f070 Binary files /dev/null and b/static/images/88x31/navidrome.gif differ diff --git a/static/images/88x31/nclinux.gif b/static/images/88x31/nclinux.gif new file mode 100644 index 0000000..adfd866 Binary files /dev/null and b/static/images/88x31/nclinux.gif differ diff --git a/static/images/88x31/net_escape.gif b/static/images/88x31/net_escape.gif new file mode 100644 index 0000000..8597cd0 Binary files /dev/null and b/static/images/88x31/net_escape.gif differ diff --git a/static/images/88x31/netbeans_download_88x31.gif b/static/images/88x31/netbeans_download_88x31.gif new file mode 100644 index 0000000..9c892d0 Binary files /dev/null and b/static/images/88x31/netbeans_download_88x31.gif differ diff --git a/static/images/88x31/netbsd.gif b/static/images/88x31/netbsd.gif new file mode 100644 index 0000000..1f8cf8e Binary files /dev/null and b/static/images/88x31/netbsd.gif differ diff --git a/static/images/88x31/netbsd2.gif b/static/images/88x31/netbsd2.gif new file mode 100644 index 0000000..d27bfe7 Binary files /dev/null and b/static/images/88x31/netbsd2.gif differ diff --git a/static/images/88x31/netscape6.gif b/static/images/88x31/netscape6.gif new file mode 100644 index 0000000..ff768aa Binary files /dev/null and b/static/images/88x31/netscape6.gif differ diff --git a/static/images/88x31/netscape_cd.gif b/static/images/88x31/netscape_cd.gif new file mode 100644 index 0000000..54f3b93 Binary files /dev/null and b/static/images/88x31/netscape_cd.gif differ diff --git a/static/images/88x31/netscape_now01.gif b/static/images/88x31/netscape_now01.gif new file mode 100644 index 0000000..853d098 Binary files /dev/null and b/static/images/88x31/netscape_now01.gif differ diff --git a/static/images/88x31/netscapecd.gif b/static/images/88x31/netscapecd.gif new file mode 100644 index 0000000..29dd296 Binary files /dev/null and b/static/images/88x31/netscapecd.gif differ diff --git a/static/images/88x31/newbuttonone.gif b/static/images/88x31/newbuttonone.gif new file mode 100644 index 0000000..95008f7 Binary files /dev/null and b/static/images/88x31/newbuttonone.gif differ diff --git a/static/images/88x31/newbuttontwo.gif b/static/images/88x31/newbuttontwo.gif new file mode 100644 index 0000000..1365cab Binary files /dev/null and b/static/images/88x31/newbuttontwo.gif differ diff --git a/static/images/88x31/newgame.png b/static/images/88x31/newgame.png new file mode 100644 index 0000000..8336562 Binary files /dev/null and b/static/images/88x31/newgame.png differ diff --git a/static/images/88x31/newlambda.gif b/static/images/88x31/newlambda.gif new file mode 100644 index 0000000..f0a82dc Binary files /dev/null and b/static/images/88x31/newlambda.gif differ diff --git a/static/images/88x31/nextcloud.gif b/static/images/88x31/nextcloud.gif new file mode 100644 index 0000000..df5fef3 Binary files /dev/null and b/static/images/88x31/nextcloud.gif differ diff --git a/static/images/88x31/nokia64.gif b/static/images/88x31/nokia64.gif new file mode 100644 index 0000000..f3e873f Binary files /dev/null and b/static/images/88x31/nokia64.gif differ diff --git a/static/images/88x31/notebook.gif b/static/images/88x31/notebook.gif new file mode 100644 index 0000000..6ea3c87 Binary files /dev/null and b/static/images/88x31/notebook.gif differ diff --git a/static/images/88x31/notepad-logo3.gif b/static/images/88x31/notepad-logo3.gif new file mode 100644 index 0000000..08cec6b Binary files /dev/null and b/static/images/88x31/notepad-logo3.gif differ diff --git a/static/images/88x31/notepad3.gif b/static/images/88x31/notepad3.gif new file mode 100644 index 0000000..6a64d11 Binary files /dev/null and b/static/images/88x31/notepad3.gif differ diff --git a/static/images/88x31/one.gif b/static/images/88x31/one.gif new file mode 100644 index 0000000..d659e6d Binary files /dev/null and b/static/images/88x31/one.gif differ diff --git a/static/images/88x31/openeye.gif b/static/images/88x31/openeye.gif new file mode 100644 index 0000000..6924012 Binary files /dev/null and b/static/images/88x31/openeye.gif differ diff --git a/static/images/88x31/openeyes.gif b/static/images/88x31/openeyes.gif new file mode 100644 index 0000000..1a5a142 Binary files /dev/null and b/static/images/88x31/openeyes.gif differ diff --git a/static/images/88x31/opengl.gif b/static/images/88x31/opengl.gif new file mode 100644 index 0000000..bb96801 Binary files /dev/null and b/static/images/88x31/opengl.gif differ diff --git a/static/images/88x31/opennet.gif b/static/images/88x31/opennet.gif new file mode 100644 index 0000000..4d3589c Binary files /dev/null and b/static/images/88x31/opennet.gif differ diff --git a/static/images/88x31/openwall.gif b/static/images/88x31/openwall.gif new file mode 100644 index 0000000..c9f946d Binary files /dev/null and b/static/images/88x31/openwall.gif differ diff --git a/static/images/88x31/ostan.gif b/static/images/88x31/ostan.gif new file mode 100644 index 0000000..cff1a6e Binary files /dev/null and b/static/images/88x31/ostan.gif differ diff --git a/static/images/88x31/otaking.png b/static/images/88x31/otaking.png new file mode 100644 index 0000000..88405f9 Binary files /dev/null and b/static/images/88x31/otaking.png differ diff --git a/static/images/88x31/parental.png b/static/images/88x31/parental.png new file mode 100644 index 0000000..ba89dab Binary files /dev/null and b/static/images/88x31/parental.png differ diff --git a/static/images/88x31/penguins.gif b/static/images/88x31/penguins.gif new file mode 100644 index 0000000..ff5b112 Binary files /dev/null and b/static/images/88x31/penguins.gif differ diff --git a/static/images/88x31/petzcape.gif b/static/images/88x31/petzcape.gif new file mode 100644 index 0000000..43d3418 Binary files /dev/null and b/static/images/88x31/petzcape.gif differ diff --git a/static/images/88x31/pgn.gif b/static/images/88x31/pgn.gif new file mode 100644 index 0000000..93d4a9e Binary files /dev/null and b/static/images/88x31/pgn.gif differ diff --git a/static/images/88x31/piracy.png b/static/images/88x31/piracy.png new file mode 100644 index 0000000..fd6fe15 Binary files /dev/null and b/static/images/88x31/piracy.png differ diff --git a/static/images/88x31/plasticlove.gif b/static/images/88x31/plasticlove.gif new file mode 100644 index 0000000..3f23dcc Binary files /dev/null and b/static/images/88x31/plasticlove.gif differ diff --git a/static/images/88x31/pngbar.gif b/static/images/88x31/pngbar.gif new file mode 100644 index 0000000..a9d2f92 Binary files /dev/null and b/static/images/88x31/pngbar.gif differ diff --git a/static/images/88x31/pngnow.png b/static/images/88x31/pngnow.png new file mode 100644 index 0000000..5375f8e Binary files /dev/null and b/static/images/88x31/pngnow.png differ diff --git a/static/images/88x31/poetryrenaissance.png b/static/images/88x31/poetryrenaissance.png new file mode 100644 index 0000000..5a4c501 Binary files /dev/null and b/static/images/88x31/poetryrenaissance.png differ diff --git a/static/images/88x31/power-button_20000304.gif b/static/images/88x31/power-button_20000304.gif new file mode 100644 index 0000000..cd41141 Binary files /dev/null and b/static/images/88x31/power-button_20000304.gif differ diff --git a/static/images/88x31/powered-by-debian.gif b/static/images/88x31/powered-by-debian.gif new file mode 100644 index 0000000..1f617c8 Binary files /dev/null and b/static/images/88x31/powered-by-debian.gif differ diff --git a/static/images/88x31/powered-cpp.gif b/static/images/88x31/powered-cpp.gif new file mode 100644 index 0000000..6b8dddd Binary files /dev/null and b/static/images/88x31/powered-cpp.gif differ diff --git a/static/images/88x31/publicdomain.gif b/static/images/88x31/publicdomain.gif new file mode 100644 index 0000000..0cc5528 Binary files /dev/null and b/static/images/88x31/publicdomain.gif differ diff --git a/static/images/88x31/publicdomain2.png b/static/images/88x31/publicdomain2.png new file mode 100644 index 0000000..c078808 Binary files /dev/null and b/static/images/88x31/publicdomain2.png differ diff --git a/static/images/88x31/pwsuse.gif b/static/images/88x31/pwsuse.gif new file mode 100644 index 0000000..12b76e1 Binary files /dev/null and b/static/images/88x31/pwsuse.gif differ diff --git a/static/images/88x31/qnow7.gif b/static/images/88x31/qnow7.gif new file mode 100644 index 0000000..f4acf30 Binary files /dev/null and b/static/images/88x31/qnow7.gif differ diff --git a/static/images/88x31/quake-button1.gif b/static/images/88x31/quake-button1.gif new file mode 100644 index 0000000..3f49e1c Binary files /dev/null and b/static/images/88x31/quake-button1.gif differ diff --git a/static/images/88x31/quake-button2.gif b/static/images/88x31/quake-button2.gif new file mode 100644 index 0000000..569f495 Binary files /dev/null and b/static/images/88x31/quake-button2.gif differ diff --git a/static/images/88x31/quake2levels.gif b/static/images/88x31/quake2levels.gif new file mode 100644 index 0000000..7079fc9 Binary files /dev/null and b/static/images/88x31/quake2levels.gif differ diff --git a/static/images/88x31/r03.gif b/static/images/88x31/r03.gif new file mode 100644 index 0000000..7609a17 Binary files /dev/null and b/static/images/88x31/r03.gif differ diff --git a/static/images/88x31/rainbow_bev.gif b/static/images/88x31/rainbow_bev.gif new file mode 100644 index 0000000..5ec7386 Binary files /dev/null and b/static/images/88x31/rainbow_bev.gif differ diff --git a/static/images/88x31/ralseismokingadart.gif b/static/images/88x31/ralseismokingadart.gif new file mode 100644 index 0000000..9e3d13f Binary files /dev/null and b/static/images/88x31/ralseismokingadart.gif differ diff --git a/static/images/88x31/rararchiverlogo.gif b/static/images/88x31/rararchiverlogo.gif new file mode 100644 index 0000000..16c2b8e Binary files /dev/null and b/static/images/88x31/rararchiverlogo.gif differ diff --git a/static/images/88x31/recommend.gif b/static/images/88x31/recommend.gif new file mode 100644 index 0000000..3b06631 Binary files /dev/null and b/static/images/88x31/recommend.gif differ diff --git a/static/images/88x31/redhat.gif b/static/images/88x31/redhat.gif new file mode 100644 index 0000000..562cf93 Binary files /dev/null and b/static/images/88x31/redhat.gif differ diff --git a/static/images/88x31/redhat1.gif b/static/images/88x31/redhat1.gif new file mode 100644 index 0000000..4dc69f6 Binary files /dev/null and b/static/images/88x31/redhat1.gif differ diff --git a/static/images/88x31/redhat2.gif b/static/images/88x31/redhat2.gif new file mode 100644 index 0000000..78f4513 Binary files /dev/null and b/static/images/88x31/redhat2.gif differ diff --git a/static/images/88x31/reshirii.gif b/static/images/88x31/reshirii.gif new file mode 100644 index 0000000..8cb0971 Binary files /dev/null and b/static/images/88x31/reshirii.gif differ diff --git a/static/images/88x31/rlinux.gif b/static/images/88x31/rlinux.gif new file mode 100644 index 0000000..6146825 Binary files /dev/null and b/static/images/88x31/rlinux.gif differ diff --git a/static/images/88x31/rosydolly.gif b/static/images/88x31/rosydolly.gif new file mode 100644 index 0000000..b214358 Binary files /dev/null and b/static/images/88x31/rosydolly.gif differ diff --git a/static/images/88x31/rresbb.gif b/static/images/88x31/rresbb.gif new file mode 100644 index 0000000..a78b9c9 Binary files /dev/null and b/static/images/88x31/rresbb.gif differ diff --git a/static/images/88x31/rss-button.gif b/static/images/88x31/rss-button.gif new file mode 100644 index 0000000..6d20802 Binary files /dev/null and b/static/images/88x31/rss-button.gif differ diff --git a/static/images/88x31/c88_01.gif b/static/images/88x31/rukia.gif similarity index 100% rename from static/images/88x31/c88_01.gif rename to static/images/88x31/rukia.gif diff --git a/static/images/88x31/sarcasm.gif b/static/images/88x31/sarcasm.gif new file mode 100644 index 0000000..7633b58 Binary files /dev/null and b/static/images/88x31/sarcasm.gif differ diff --git a/static/images/88x31/saturnscape.jpg b/static/images/88x31/saturnscape.jpg new file mode 100644 index 0000000..9f2546d Binary files /dev/null and b/static/images/88x31/saturnscape.jpg differ diff --git a/static/images/88x31/scape.gif b/static/images/88x31/scape.gif new file mode 100644 index 0000000..13ea643 Binary files /dev/null and b/static/images/88x31/scape.gif differ diff --git a/static/images/88x31/schoolsucks.gif b/static/images/88x31/schoolsucks.gif new file mode 100644 index 0000000..1bfc2cf Binary files /dev/null and b/static/images/88x31/schoolsucks.gif differ diff --git a/static/images/88x31/screw.gif b/static/images/88x31/screw.gif new file mode 100644 index 0000000..5c1044e Binary files /dev/null and b/static/images/88x31/screw.gif differ diff --git a/static/images/88x31/shockwave.gif b/static/images/88x31/shockwave.gif new file mode 100644 index 0000000..e010006 Binary files /dev/null and b/static/images/88x31/shockwave.gif differ diff --git a/static/images/88x31/shockwave2.gif b/static/images/88x31/shockwave2.gif new file mode 100644 index 0000000..32dc56c Binary files /dev/null and b/static/images/88x31/shockwave2.gif differ diff --git a/static/images/88x31/skybutton.gif b/static/images/88x31/skybutton.gif new file mode 100644 index 0000000..7322c6b Binary files /dev/null and b/static/images/88x31/skybutton.gif differ diff --git a/static/images/88x31/slimesnow.gif b/static/images/88x31/slimesnow.gif new file mode 100644 index 0000000..12d4d7c Binary files /dev/null and b/static/images/88x31/slimesnow.gif differ diff --git a/static/images/88x31/someplace-else.png b/static/images/88x31/someplace-else.png new file mode 100644 index 0000000..4608cd8 Binary files /dev/null and b/static/images/88x31/someplace-else.png differ diff --git a/static/images/88x31/someplace-else_2.png b/static/images/88x31/someplace-else_2.png new file mode 100644 index 0000000..e59e082 Binary files /dev/null and b/static/images/88x31/someplace-else_2.png differ diff --git a/static/images/88x31/sonc.gif b/static/images/88x31/sonc.gif new file mode 100644 index 0000000..007af69 Binary files /dev/null and b/static/images/88x31/sonc.gif differ diff --git a/static/images/88x31/sonic2000now.gif b/static/images/88x31/sonic2000now.gif new file mode 100644 index 0000000..1247e08 Binary files /dev/null and b/static/images/88x31/sonic2000now.gif differ diff --git a/static/images/88x31/sonicstadium.gif b/static/images/88x31/sonicstadium.gif new file mode 100644 index 0000000..e258b1a Binary files /dev/null and b/static/images/88x31/sonicstadium.gif differ diff --git a/static/images/88x31/sont.gif b/static/images/88x31/sont.gif new file mode 100644 index 0000000..008798a Binary files /dev/null and b/static/images/88x31/sont.gif differ diff --git a/static/images/88x31/soulseek.gif b/static/images/88x31/soulseek.gif new file mode 100644 index 0000000..c53d0fa Binary files /dev/null and b/static/images/88x31/soulseek.gif differ diff --git a/static/images/88x31/spdy-now.gif b/static/images/88x31/spdy-now.gif new file mode 100644 index 0000000..628e7eb Binary files /dev/null and b/static/images/88x31/spdy-now.gif differ diff --git a/static/images/88x31/speedtrap.gif b/static/images/88x31/speedtrap.gif new file mode 100644 index 0000000..26158d5 Binary files /dev/null and b/static/images/88x31/speedtrap.gif differ diff --git a/static/images/88x31/spicebutton.gif b/static/images/88x31/spicebutton.gif new file mode 100644 index 0000000..83abcbe Binary files /dev/null and b/static/images/88x31/spicebutton.gif differ diff --git a/static/images/88x31/star-textless.gif b/static/images/88x31/star-textless.gif new file mode 100644 index 0000000..d6a894a Binary files /dev/null and b/static/images/88x31/star-textless.gif differ diff --git a/static/images/88x31/startpage_button.gif b/static/images/88x31/startpage_button.gif new file mode 100644 index 0000000..3eee660 Binary files /dev/null and b/static/images/88x31/startpage_button.gif differ diff --git a/static/images/88x31/stop.gif b/static/images/88x31/stop.gif new file mode 100644 index 0000000..d382a27 Binary files /dev/null and b/static/images/88x31/stop.gif differ diff --git a/static/images/88x31/sun.gif b/static/images/88x31/sun.gif new file mode 100644 index 0000000..674e32a Binary files /dev/null and b/static/images/88x31/sun.gif differ diff --git a/static/images/88x31/telnet.gif b/static/images/88x31/telnet.gif new file mode 100644 index 0000000..bf4c320 Binary files /dev/null and b/static/images/88x31/telnet.gif differ diff --git a/static/images/88x31/terrorpuppe.gif b/static/images/88x31/terrorpuppe.gif new file mode 100644 index 0000000..b59c27e Binary files /dev/null and b/static/images/88x31/terrorpuppe.gif differ diff --git a/static/images/88x31/tetban.gif b/static/images/88x31/tetban.gif new file mode 100644 index 0000000..3273718 Binary files /dev/null and b/static/images/88x31/tetban.gif differ diff --git a/static/images/88x31/thatwhitehand.png b/static/images/88x31/thatwhitehand.png new file mode 100644 index 0000000..6fa7355 Binary files /dev/null and b/static/images/88x31/thatwhitehand.png differ diff --git a/static/images/88x31/therealman.png b/static/images/88x31/therealman.png new file mode 100644 index 0000000..771da5e Binary files /dev/null and b/static/images/88x31/therealman.png differ diff --git a/static/images/88x31/tohell.gif b/static/images/88x31/tohell.gif new file mode 100644 index 0000000..bc68c6f Binary files /dev/null and b/static/images/88x31/tohell.gif differ diff --git a/static/images/88x31/tumblr_ou69gmb2xM1wvu485o9_100.gif b/static/images/88x31/tumblr_ou69gmb2xM1wvu485o9_100.gif new file mode 100644 index 0000000..27c8f78 Binary files /dev/null and b/static/images/88x31/tumblr_ou69gmb2xM1wvu485o9_100.gif differ diff --git a/static/images/88x31/tumblr_ou69s0gvdZ1wvu485o9_100.gif b/static/images/88x31/tumblr_ou69s0gvdZ1wvu485o9_100.gif new file mode 100644 index 0000000..dd832a0 Binary files /dev/null and b/static/images/88x31/tumblr_ou69s0gvdZ1wvu485o9_100.gif differ diff --git a/static/images/88x31/tumblr_pti7o0xpyg1xwjivko7_100.gif b/static/images/88x31/tumblr_pti7o0xpyg1xwjivko7_100.gif new file mode 100644 index 0000000..d99b276 Binary files /dev/null and b/static/images/88x31/tumblr_pti7o0xpyg1xwjivko7_100.gif differ diff --git a/static/images/88x31/ublock-now.png b/static/images/88x31/ublock-now.png new file mode 100644 index 0000000..c82555b Binary files /dev/null and b/static/images/88x31/ublock-now.png differ diff --git a/static/images/88x31/ubuntu-88x31.gif b/static/images/88x31/ubuntu-88x31.gif new file mode 100644 index 0000000..f5faf5f Binary files /dev/null and b/static/images/88x31/ubuntu-88x31.gif differ diff --git a/static/images/88x31/upallnight.gif b/static/images/88x31/upallnight.gif new file mode 100644 index 0000000..8c9b5b8 Binary files /dev/null and b/static/images/88x31/upallnight.gif differ diff --git a/static/images/88x31/upyours2.gif b/static/images/88x31/upyours2.gif new file mode 100644 index 0000000..b5327b5 Binary files /dev/null and b/static/images/88x31/upyours2.gif differ diff --git a/static/images/88x31/uranohead.gif b/static/images/88x31/uranohead.gif new file mode 100644 index 0000000..5d5cf32 Binary files /dev/null and b/static/images/88x31/uranohead.gif differ diff --git a/static/images/88x31/verine.png b/static/images/88x31/verine.png new file mode 100644 index 0000000..6cb72b5 Binary files /dev/null and b/static/images/88x31/verine.png differ diff --git a/static/images/88x31/vertpush (2).gif b/static/images/88x31/vertpush (2).gif new file mode 100644 index 0000000..e22f7b3 Binary files /dev/null and b/static/images/88x31/vertpush (2).gif differ diff --git a/static/images/88x31/vertpushbutton2.gif b/static/images/88x31/vertpushbutton2.gif new file mode 100644 index 0000000..6ec4d2c Binary files /dev/null and b/static/images/88x31/vertpushbutton2.gif differ diff --git a/static/images/88x31/vi_now.gif b/static/images/88x31/vi_now.gif new file mode 100644 index 0000000..c46a662 Binary files /dev/null and b/static/images/88x31/vi_now.gif differ diff --git a/static/images/88x31/vim.vialle.love.anim.gif b/static/images/88x31/vim.vialle.love.anim.gif new file mode 100644 index 0000000..7a00d7f Binary files /dev/null and b/static/images/88x31/vim.vialle.love.anim.gif differ diff --git a/static/images/88x31/vim_a.gif b/static/images/88x31/vim_a.gif new file mode 100644 index 0000000..01f09f1 Binary files /dev/null and b/static/images/88x31/vim_a.gif differ diff --git a/static/images/88x31/violet1.gif b/static/images/88x31/violet1.gif new file mode 100644 index 0000000..7ae03c1 Binary files /dev/null and b/static/images/88x31/violet1.gif differ diff --git a/static/images/88x31/vipper.gif b/static/images/88x31/vipper.gif new file mode 100644 index 0000000..e2beb2c Binary files /dev/null and b/static/images/88x31/vipper.gif differ diff --git a/static/images/88x31/virus.gif b/static/images/88x31/virus.gif new file mode 100644 index 0000000..40b2b05 Binary files /dev/null and b/static/images/88x31/virus.gif differ diff --git a/static/images/88x31/virusalert.gif b/static/images/88x31/virusalert.gif new file mode 100644 index 0000000..fec89ba Binary files /dev/null and b/static/images/88x31/virusalert.gif differ diff --git a/static/images/88x31/visitmini.gif b/static/images/88x31/visitmini.gif new file mode 100644 index 0000000..c4e533d Binary files /dev/null and b/static/images/88x31/visitmini.gif differ diff --git a/static/images/88x31/vivaldi.gif b/static/images/88x31/vivaldi.gif new file mode 100644 index 0000000..ba52da7 Binary files /dev/null and b/static/images/88x31/vivaldi.gif differ diff --git a/static/images/88x31/vnow.gif b/static/images/88x31/vnow.gif new file mode 100644 index 0000000..a8bdad3 Binary files /dev/null and b/static/images/88x31/vnow.gif differ diff --git a/static/images/88x31/vocaloid.gif b/static/images/88x31/vocaloid.gif new file mode 100644 index 0000000..8c85708 Binary files /dev/null and b/static/images/88x31/vocaloid.gif differ diff --git a/static/images/88x31/vr.gif b/static/images/88x31/vr.gif new file mode 100644 index 0000000..f789119 Binary files /dev/null and b/static/images/88x31/vr.gif differ diff --git a/static/images/88x31/vscbutton.gif b/static/images/88x31/vscbutton.gif new file mode 100644 index 0000000..8a4cad2 Binary files /dev/null and b/static/images/88x31/vscbutton.gif differ diff --git a/static/images/88x31/vxhtml10.gif b/static/images/88x31/vxhtml10.gif new file mode 100644 index 0000000..88f0a43 Binary files /dev/null and b/static/images/88x31/vxhtml10.gif differ diff --git a/static/images/88x31/w0rm-party.gif b/static/images/88x31/w0rm-party.gif new file mode 100644 index 0000000..76c914a Binary files /dev/null and b/static/images/88x31/w0rm-party.gif differ diff --git a/static/images/88x31/w3c_ab.gif b/static/images/88x31/w3c_ab.gif new file mode 100644 index 0000000..63c474b Binary files /dev/null and b/static/images/88x31/w3c_ab.gif differ diff --git a/static/images/88x31/w95link.gif b/static/images/88x31/w95link.gif new file mode 100644 index 0000000..d538d79 Binary files /dev/null and b/static/images/88x31/w95link.gif differ diff --git a/static/images/88x31/w96_button.gif b/static/images/88x31/w96_button.gif new file mode 100644 index 0000000..4484665 Binary files /dev/null and b/static/images/88x31/w96_button.gif differ diff --git a/static/images/88x31/walk-to-remember2.gif b/static/images/88x31/walk-to-remember2.gif new file mode 100644 index 0000000..2384652 Binary files /dev/null and b/static/images/88x31/walk-to-remember2.gif differ diff --git a/static/images/88x31/warpnow.gif b/static/images/88x31/warpnow.gif new file mode 100644 index 0000000..3393fd6 Binary files /dev/null and b/static/images/88x31/warpnow.gif differ diff --git a/static/images/88x31/waterfox.gif b/static/images/88x31/waterfox.gif new file mode 100644 index 0000000..ec7bb59 Binary files /dev/null and b/static/images/88x31/waterfox.gif differ diff --git a/static/images/88x31/wavecave.png b/static/images/88x31/wavecave.png new file mode 100644 index 0000000..5813cd5 Binary files /dev/null and b/static/images/88x31/wavecave.png differ diff --git a/static/images/88x31/web11badge.gif b/static/images/88x31/web11badge.gif new file mode 100644 index 0000000..19124ef Binary files /dev/null and b/static/images/88x31/web11badge.gif differ diff --git a/static/images/88x31/webpassion.gif b/static/images/88x31/webpassion.gif new file mode 100644 index 0000000..4444ae6 Binary files /dev/null and b/static/images/88x31/webpassion.gif differ diff --git a/static/images/88x31/wikipedia.gif b/static/images/88x31/wikipedia.gif new file mode 100644 index 0000000..c27c2a6 Binary files /dev/null and b/static/images/88x31/wikipedia.gif differ diff --git a/static/images/88x31/wikipedia.png b/static/images/88x31/wikipedia.png new file mode 100644 index 0000000..a604112 Binary files /dev/null and b/static/images/88x31/wikipedia.png differ diff --git a/static/images/88x31/winxp.gif b/static/images/88x31/winxp.gif new file mode 100644 index 0000000..8a41a77 Binary files /dev/null and b/static/images/88x31/winxp.gif differ diff --git a/static/images/88x31/winxp2.gif b/static/images/88x31/winxp2.gif new file mode 100644 index 0000000..47ee2d2 Binary files /dev/null and b/static/images/88x31/winxp2.gif differ diff --git a/static/images/88x31/wmp.gif b/static/images/88x31/wmp.gif new file mode 100644 index 0000000..4097669 Binary files /dev/null and b/static/images/88x31/wmp.gif differ diff --git a/static/images/88x31/wmp10.gif b/static/images/88x31/wmp10.gif new file mode 100644 index 0000000..696e60c Binary files /dev/null and b/static/images/88x31/wmp10.gif differ diff --git a/static/images/88x31/wmp11.gif b/static/images/88x31/wmp11.gif new file mode 100644 index 0000000..335c5f3 Binary files /dev/null and b/static/images/88x31/wmp11.gif differ diff --git a/static/images/88x31/wmp9.gif b/static/images/88x31/wmp9.gif new file mode 100644 index 0000000..80de22e Binary files /dev/null and b/static/images/88x31/wmp9.gif differ diff --git a/static/images/88x31/wmp_20050207.gif b/static/images/88x31/wmp_20050207.gif new file mode 100644 index 0000000..14ef798 Binary files /dev/null and b/static/images/88x31/wmp_20050207.gif differ diff --git a/static/images/88x31/wmpfree.gif b/static/images/88x31/wmpfree.gif new file mode 100644 index 0000000..2f664c2 Binary files /dev/null and b/static/images/88x31/wmpfree.gif differ diff --git a/static/images/88x31/wow_wow.gif b/static/images/88x31/wow_wow.gif new file mode 100644 index 0000000..c5dd205 Binary files /dev/null and b/static/images/88x31/wow_wow.gif differ diff --git a/static/images/88x31/xfree.gif b/static/images/88x31/xfree.gif new file mode 100644 index 0000000..7a15535 Binary files /dev/null and b/static/images/88x31/xfree.gif differ diff --git a/static/images/88x31/xfspowered.gif b/static/images/88x31/xfspowered.gif new file mode 100644 index 0000000..322afc5 Binary files /dev/null and b/static/images/88x31/xfspowered.gif differ diff --git a/static/images/88x31/xyzzyzzyzx.png b/static/images/88x31/xyzzyzzyzx.png new file mode 100644 index 0000000..a5d3c56 Binary files /dev/null and b/static/images/88x31/xyzzyzzyzx.png differ diff --git a/static/images/88x31/yahooboots.gif b/static/images/88x31/yahooboots.gif new file mode 100644 index 0000000..4d9ea8a Binary files /dev/null and b/static/images/88x31/yahooboots.gif differ diff --git a/static/images/88x31/ymusic.gif b/static/images/88x31/ymusic.gif new file mode 100644 index 0000000..c495003 Binary files /dev/null and b/static/images/88x31/ymusic.gif differ diff --git a/static/images/88x31/yobun.png b/static/images/88x31/yobun.png new file mode 100644 index 0000000..71ad932 Binary files /dev/null and b/static/images/88x31/yobun.png differ diff --git a/static/images/88x31/ytbutton.gif b/static/images/88x31/ytbutton.gif new file mode 100644 index 0000000..61680fd Binary files /dev/null and b/static/images/88x31/ytbutton.gif differ diff --git a/static/images/88x31/zd_internet_click_here.gif b/static/images/88x31/zd_internet_click_here.gif new file mode 100644 index 0000000..1ff9a52 Binary files /dev/null and b/static/images/88x31/zd_internet_click_here.gif differ diff --git a/static/images/88x31/zipilebutton.gif b/static/images/88x31/zipilebutton.gif new file mode 100644 index 0000000..9cbdf03 Binary files /dev/null and b/static/images/88x31/zipilebutton.gif differ diff --git a/static/images/88x31/ztnbutton.gif b/static/images/88x31/ztnbutton.gif new file mode 100644 index 0000000..27434d4 Binary files /dev/null and b/static/images/88x31/ztnbutton.gif differ diff --git a/static/images/88x31/zune.png b/static/images/88x31/zune.png new file mode 100644 index 0000000..c55fc69 Binary files /dev/null and b/static/images/88x31/zune.png differ diff --git a/static/images/88x31/zymicbest.gif b/static/images/88x31/zymicbest.gif new file mode 100644 index 0000000..9ae99c5 Binary files /dev/null and b/static/images/88x31/zymicbest.gif differ diff --git a/static/main.css b/static/main.css index 4a6ebb7..7ea86c0 100644 --- a/static/main.css +++ b/static/main.css @@ -1,3 +1,5 @@ +/* Raw elements */ + :root { --theme-color: #4c6d6e; --theme-color-lighter: #84b9bb; @@ -12,13 +14,13 @@ body { background-color: black; - font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; + font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; font-size: 1em; color: white; } a { - transition: .2s; + transition: 0.2s; color: lightgray; text-decoration: none; } @@ -31,10 +33,6 @@ li { list-style-type: none; } -li.inlineList { - display: inline; -} - dt::before { content: "-> "; } @@ -54,27 +52,11 @@ select { font-size: 1em; } -#music { - padding: 0; - display: flex; - gap: .4em; - inline-size: fit-content; - height: 1.4em; - margin-top: auto; - opacity: .6; -} - -#music:hover { - opacity: 1; -} - header { display: flex; border-bottom: thick solid rgba(255, 255, 255, 0.1); width: 100%; - box-shadow: - 2px 7px 5px rgba(0,0,0,0.3), - 0px -4px 10px rgba(0,0,0,0.3); + box-shadow: 2px 7px 5px rgba(0, 0, 0, 0.3), 0px -4px 10px rgba(0, 0, 0, 0.3); background-color: rgba(0, 0, 0, 0.15); } @@ -82,31 +64,8 @@ header div { padding: 1rem; } -#everythingHelper { - position: relative; -} - -#everythingHelper .bg { - position: absolute; - top: 0; - left: 0; - z-index: -1; - opacity: .5; - width: 100%; - height: auto; - -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 90%, rgba(0, 0, 0, 0) 100%); - -webkit-mask-repeat: no-repeat; - -webkit-mask-size: 100% 100%; - mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 0) 100%); - mask-repeat: no-repeat; - mask-size: 100% 100%; - user-select: none; - transition: .4s; - -webkit-user-drag: none; -} - header ul { - transition: .2s; + transition: 0.2s; font-size: larger; margin: auto 0 auto 0; padding: 0; @@ -115,7 +74,7 @@ header ul { } header ul a { - transition: .2s; + transition: 0.2s; color: white; } @@ -127,28 +86,24 @@ header ul:hover { opacity: 1; } -#mainHelper { - padding-top: 3rem; - max-width: 50vw; - margin: auto; - display: flex; -} - main { margin-bottom: 2em; } -h1, h2, h3 { - text-shadow: 2px 7px 5px rgba(0,0,0,0.3), - 0px -4px 10px rgba(0,0,0,0.3); +h1, +h2, +h3 { + text-shadow: 2px 7px 5px rgba(0, 0, 0, 0.3), 0px -4px 10px rgba(0, 0, 0, 0.3); } -blockquote, main p { +blockquote, +main p { margin-bottom: 1em; } -main h1, main h2 { - margin-bottom: .2em; +main h1, +main h2 { + margin-bottom: 0.2em; } main h2 { @@ -166,13 +121,102 @@ blockquote { hr { border-bottom: thick solid rgba(255, 255, 255, 0.1); - box-shadow: - 2px 7px 5px rgba(0,0,0,0.3), - 0px -4px 10px rgba(0,0,0,0.3); + box-shadow: 2px 7px 5px rgba(0, 0, 0, 0.3), 0px -4px 10px rgba(0, 0, 0, 0.3); /* margin: .5em 0; */ margin-bottom: 1em; } +h2 { + font-weight: normal; + color: var(--theme-color-lighter); +} + +textarea, +input, +button { + border: medium solid var(--theme-color-lighter); + background-color: black; + color: white; + padding: 0.6em; +} + +hs { + border-bottom: thin solid white; +} + +input[type="checkbox"] { + border: thick solid white; +} + +input[type="range"] { + width: 100%; + border: none; + padding: 0; +} + +input[type="range"]::-webkit-slider-thumb, +input[type="range"]::-moz-range-thumb { + background-color: black; + transition: 0.2s; + border-radius: 0; + border: medium solid white; + height: 1.2em; +} + +input[type="range"]:hover::-webkit-slider-thumb, +input[type="range"]:hover::-moz-range-thumb { + height: 2em; + background-color: white; + border-width: thin; +} + +input[type="range"]::-webkit-slider-runnable-track, +input[type="range"]::-moz-range-track { + background-color: white; + height: 1em; +} + +aside.metromenu { + z-index: 2; + position: fixed; + top: 0; + right: 0; + width: 30vw; + background-color: black; + height: 100vh; + transition: 0.2s; + transition-timing-function: cubic-bezier(0.1, 0.2, 0.3, 0.955); + padding: 2em; +} + +aside.metromenu.closed { + transform: translateX(100%); +} + +aside.metromenu h2 { + font-size: xx-large; +} + +aside.metromenu p { + margin-bottom: 0.4em; +} + +aside.metromenu .optionsToggle { + margin-bottom: 1em; +} + +aside.metromenu #content { + display: flex; + flex-direction: column; + gap: 1em; +} + +/* Global classes and IDs */ + +li.inlineList { + display: inline; +} + .box { border: thick solid rgba(255, 255, 255, 0.1); padding: 1em; @@ -187,127 +231,43 @@ hr { border-bottom: 0; } -#headerSubtitle { - color: white; - opacity: 0.6; -} - -h2 { - font-weight: normal; - color: var(--theme-color-lighter); -} - -textarea, input, button { - border: medium solid var(--theme-color-lighter); - background-color: black; - color: white; - padding: .6em; -} - -#sound { - filter: invert(); -} - -#sound:hover { - cursor: pointer; -} - -#linksHelper { - margin: auto 1em auto auto; - display: flex; - flex-direction: column; - gap: .2em; -} - -#linksHelper:hover { - opacity: 1; -} - -#headerLinks { - user-select: none; -} - -#headerLinks a { - color: white; -} - -#headerLinks a { - margin-right: .2em; - margin-left: .2em; -} - -#headerLinks:last-child { - margin-left: 0; -} - -#headerLinks a:first-child { - margin-left: 0; -} - -#headerLinks a:last-child { - margin-right: 0; -} - -header div:first-child { - margin-bottom: 0; -} - -#headerSquareMusic img, #headerSquareVideo img, #headerSquareCode img, #defaultSquare img { - filter: invert(); -} - -.headerSquare, #defaultSquare { - transition: .4s; +.headerSquare, +#defaultSquare { + transition: 0.4s; border: medium solid white; height: 7vh; overflow: hidden; width: 10vh; - opacity: .4; - padding: .4em; + opacity: 0.4; + padding: 0.4em; cursor: pointer; user-select: none; } -.headerSquare img, #defaultSquare img { +.headerSquare img, +#defaultSquare img { width: 100%; height: auto; } -.headerSquare:hover, #defaultSquare { +.headerSquare:hover, +#defaultSquare { z-index: 1; - /* height: 10vh; */ - /* background-color: black; */ } -.headerSquare.selected, #defaultSquare.selected { +.headerSquare.selected, +#defaultSquare.selected { opacity: 1; height: 10vh; - box-shadow: - 2px 7px 5px rgba(0,0,0,0.4), - 0px -4px 10px rgba(0,0,0,0.4); + box-shadow: 2px 7px 5px rgba(0, 0, 0, 0.4), 0px -4px 10px rgba(0, 0, 0, 0.4); background-color: rgba(0, 0, 0, 0.3); } -#homeSquares { - display: flex; - flex-direction: column; - transition: .4s; - width: fit-content; - height: fit-content; - margin-right: 3vw; - margin-bottom: 3rem; - gap: 10px; -} - .youtubeCardHolderHelper { display: flex; justify-content: center; } -.hsMusicCard .youtubeCardHolder { - width: 50%; -} - div.hs { display: none; } @@ -326,29 +286,26 @@ div.hs.selected { } .hsProjects { - gap: .6em; + gap: 0.6em; display: flex; flex-direction: column; } .hsProject { - margin-bottom: .4em; - /* padding: 1em; */ + margin-bottom: 0.4em; border: medium solid rgba(255, 255, 255, 0.6); width: 100%; height: fit-content; - transition: .2s; + transition: 0.2s; display: flex; flex-direction: column; gap: 1em; - box-shadow: - 2px 7px 5px rgba(0,0,0,0.4), - 0px -4px 10px rgba(0,0,0,0.4); + box-shadow: 2px 7px 5px rgba(0, 0, 0, 0.4), 0px -4px 10px rgba(0, 0, 0, 0.4); background-color: rgba(0, 0, 0, 0.2); } .hsProjectHeader { - transition: .2s; + transition: 0.2s; display: flex; height: 7em; border-bottom: medium solid rgba(255, 255, 255, 0.6); @@ -356,13 +313,13 @@ div.hs.selected { } .hsProjectHeaderIcon { - transition: .2s; + transition: 0.2s; fill: white; stroke: white; height: 50%; width: auto; margin: auto 0; - opacity: .6; + opacity: 0.6; } .hsProjectHeaderIcon img { @@ -399,14 +356,6 @@ div.hs.selected { filter: invert(); } -#hsCode { - flex-direction: column; -} - -#hsCode.selected { - display: flex; -} - .ellipsis-loader { animation: 1.8s infinite ellipsis-loader; display: inline-block; @@ -416,32 +365,337 @@ div.hs.selected { width: 140px; margin: auto; } + .ellipsis-loader__dot { animation: 1.8s infinite ellipsis-loader__dot; - background: #FFF; + background: #fff; border-radius: 50%; float: left; height: 8px; position: absolute; width: 8px; } + .ellipsis-loader__dot:nth-child(1) { animation-delay: 0.15s; left: -13px; } + .ellipsis-loader__dot:nth-child(2) { animation-delay: 0.3s; left: -26px; } + .ellipsis-loader__dot:nth-child(3) { animation-delay: 0.45s; left: -39px; } + .ellipsis-loader__dot:nth-child(4) { animation-delay: 0.6s; left: -52px; } +.checkbox { + display: flex; +} + +.checkbox p { + flex-grow: 1; +} + +.optionsToggle { + cursor: pointer; +} + +.fadeIn { + animation: fadeIn 0.5s ease-in 1 forwards; +} + +.fadeOut { + opacity: 1; + animation: fadeOut 0.5s ease-out 1 forwards; +} + +.oneLineClamp { + overflow: hidden; + width: 100%; + display: -webkit-box; + line-clamp: 1; + -webkit-line-clamp: 1; + -webkit-box-orient: vertical; +} + +.drawerSong { + position: relative; + overflow: hidden; +} + +.drawerSong img { + transition: 0.4s; + width: 5em; + height: 100%; + object-fit: cover; + object-position: left top; + opacity: 0.4; + filter: grayscale(1); +} + +.drawerSong p { + position: absolute; + top: 0; + left: 0; + display: inline; +} + +.drawerSong:hover img, +.drawerSong.selected img { + opacity: 1; + overflow: hidden; + width: 10em; +} + +.drawerSong.selected img { + filter: none; +} + +.drawerSong.selected { + width: 10em; +} + +.playlistTitle { + background-color: white; + color: black; +} + +.playingSong { + font-size: larger; +} + +.hidden { + display: none; +} + +.invisible { + opacity: 0; +} + +.bg.invisible { + opacity: 0 !important; +} + +.blogpostYoutubeVideo { + user-select: none; + box-shadow: 2px 7px 5px rgba(0, 0, 0, 0.3), 0px -4px 10px rgba(0, 0, 0, 0.3); + position: relative; + display: inline-block; + background-color: black; + border: medium solid var(--theme-color-lighter); + transition: 0.2s; +} + +.blogpostYoutubeVideo .goLabel { + transition: 0.2s; + opacity: 0; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + margin: 0; + font-size: 4em; + background-color: var(--theme-color); + padding: 0.2em; + border-radius: 6px; + font-weight: bold; +} + +.blogpostYoutubeVideo:hover .goLabel { + opacity: 1; +} + +.blogpostYoutubeVideo:hover { + border-color: var(--theme-color); +} + +.blogpostYoutubeVideo img { + width: 100%; + display: block; + opacity: 0.8; + transition: 0.2s; +} + +.blogpostYoutubeVideo .videoHeader { + transition: 0.2s; + position: absolute; + bottom: 0; + left: 0; + padding: 0.4em 1em; + z-index: 1; + background-color: rgba(0, 0, 0, 0.6); + width: 100%; + padding: 1em; +} + +.blogpostYoutubeVideo * { + margin: 0; +} + +.blogpostYoutubeVideo:hover::after { + opacity: 0; +} + +.blogpostYoutubeVideo:hover .videoHeader { + opacity: 0; +} + +.blogpostYoutubeVideo .videoHeader .alsoAvailable { + font-weight: bold; +} + +.blogpostYoutubeVideo:hover img { + opacity: 1; +} + +.i88x31 { + transition: 0.2s; + image-rendering: pixelated; + width: 88px; + height: 31px; +} + +.i88x31.selected { + transform: scale(2); +} + +/* Section: Page-specific */ + +#music { + padding: 0; + display: flex; + gap: 0.4em; + inline-size: fit-content; + height: 1.4em; + margin-top: auto; + opacity: 0.6; +} + +#music:hover { + opacity: 1; +} + +#everythingHelper { + position: relative; +} + +#everythingHelper .bg { + position: absolute; + top: 0; + left: 0; + z-index: -1; + opacity: 0.5; + width: 100%; + height: auto; + -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 90%, rgba(0, 0, 0, 0) 100%); + -webkit-mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 0) 100%); + mask-repeat: no-repeat; + mask-size: 100% 100%; + user-select: none; + transition: 0.4s; + -webkit-user-drag: none; +} + +#mainHelper { + padding-top: 3rem; + max-width: 50vw; + margin: auto; + display: flex; +} + +#headerSubtitle { + color: white; + opacity: 0.6; +} + +#sound { + filter: invert(); +} + +#sound:hover { + cursor: pointer; +} + +#linksHelper { + margin: auto 1em auto auto; + display: flex; + flex-direction: column; + gap: 0.2em; +} + +#linksHelper:hover { + opacity: 1; +} + +#headerLinks { + user-select: none; +} + +#headerLinks a { + color: white; +} + +#headerLinks a { + margin-right: 0.2em; + margin-left: 0.2em; +} + +#headerLinks:last-child { + margin-left: 0; +} + +#headerLinks a:first-child { + margin-left: 0; +} + +#headerLinks a:last-child { + margin-right: 0; +} + +header div:first-child { + margin-bottom: 0; +} + +#headerSquareMusic img, +#headerSquareVideo img, +#headerSquareCode img, +#defaultSquare img { + filter: invert(); +} + +#homeSquares { + display: flex; + flex-direction: column; + transition: 0.4s; + width: fit-content; + height: fit-content; + margin-right: 3vw; + margin-bottom: 3rem; + gap: 10px; +} + +.hsMusicCard .youtubeCardHolder { + width: 50%; +} + +#hsCode { + flex-direction: column; +} + +#hsCode.selected { + display: flex; +} + #telnetSimulation { display: flex; width: 100%; @@ -479,14 +733,12 @@ div.hs.selected { #youtubeVideoImage { width: 100%; - transition: .3s; - box-shadow: - 2px 7px 5px rgba(0,0,0,0.3), - 0px -4px 10px rgba(0,0,0,0.3); + transition: 0.3s; + box-shadow: 2px 7px 5px rgba(0, 0, 0, 0.3), 0px -4px 10px rgba(0, 0, 0, 0.3); } #youtubeVideoImage:hover { - opacity: .8; + opacity: 0.8; } #languageList { @@ -494,7 +746,7 @@ div.hs.selected { } #languageList li { - margin-bottom: .5em; + margin-bottom: 0.5em; } #languageList li a { @@ -505,157 +757,16 @@ div.hs.selected { color: var(--theme-color-variation); } -.fadeIn { - animation: fadeIn .5s ease-in 1 forwards; -} -.fadeOut { - opacity: 1; - animation: fadeOut .5s ease-out 1 forwards; -} - -.oneLineClamp { - overflow: hidden; - width: 100%; - display: -webkit-box; - /* height: 1em; */ - line-clamp: 1; - -webkit-line-clamp: 1; - -webkit-box-orient: vertical -} - -aside.metromenu { - z-index: 2; - position: fixed; - top: 0; - right: 0; - width: 30vw; - background-color: black; - height: 100vh; - transition: .2s; - transition-timing-function: cubic-bezier(0.1, 0.2, 0.3, 0.955); - padding: 2em; -} - -aside.metromenu.closed { - transform: translateX(100%); -} - -aside.metromenu h2 { - font-size: xx-large; -} - -aside.metromenu p { - margin-bottom: .4em; -} - -aside.metromenu .optionsToggle { - margin-bottom: 1em; -} - -.optionsToggle { - cursor: pointer; -} - -aside.metromenu .optionsToggle { - opacity: .6; - width: fit-content; -} - -aside.metromenu #content { - display: flex; - flex-direction: column; - gap: 1em; -} - -.checkbox { - display: flex; -} - -.checkbox p { - flex-grow: 1; -} - -input[type="checkbox"] { - border: thick solid white; -} - -input[type="range"] { - width: 100%; - border: none; - padding: 0; -} - -input[type="range"]::-webkit-slider-thumb, input[type="range"]::-moz-range-thumb { - background-color: black; - transition: .2s; - border-radius: 0; - border: medium solid white; - height: 1.2em; -} - -input[type="range"]:hover::-webkit-slider-thumb, input[type="range"]:hover::-moz-range-thumb { - height: 2em; - background-color: white; - border-width: thin; -} - -input[type="range"]::-webkit-slider-runnable-track, input[type="range"]::-moz-range-track { - background-color: white; - height: 1em; -} - #songDrawer { display: flex; height: 10em; overflow-x: auto; overflow-y: hidden; - gap: .2em; -} - -.drawerSong { - position: relative; - overflow: hidden; -} - -.drawerSong img { - transition: .4s; - width: 5em; - height: 100%; - object-fit: cover; - object-position: left top; - opacity: .4; - filter: grayscale(1); -} - -.drawerSong p { - position: absolute; - top: 0; - left: 0; - display: inline; -} - -.drawerSong:hover img, .drawerSong.selected img { - opacity: 1; - overflow: hidden; - width: 10em; -} - -.drawerSong.selected img { - filter: none; - /* width: auto; */ -} - -.drawerSong.selected { - width: 10em; -} - -.playlistTitle { - background-color: white; - color: black; + gap: 0.2em; } #playlist { - transition: .2s; + transition: 0.2s; max-height: 10em; overflow: auto; border: medium solid white; @@ -663,128 +774,22 @@ input[type="range"]::-webkit-slider-runnable-track, input[type="range"]::-moz-ra #playlist p { cursor: pointer; - padding: 0 .4em; + padding: 0 0.4em; } #playlist p:first-child { - padding-bottom: .2em; -} - -.playingSong { - font-size: larger; -} - -hs { - border-bottom: thin solid white; + padding-bottom: 0.2em; } #linksHelper hs { - margin: .2em 0; - opacity: .6; + margin: 0.2em 0; + opacity: 0.6; } #linkshelper:hover hs { opacity: 1; } -.hidden { - display: none; -} - -.invisible { - opacity: 0; -} - -.bg.invisible { - opacity: 0!important; -} - -.blogpostYoutubeVideo { - user-select: none; - box-shadow: - 2px 7px 5px rgba(0,0,0,0.3), - 0px -4px 10px rgba(0,0,0,0.3); - position: relative; - display: inline-block; - background-color: black; - border: medium solid var(--theme-color-lighter); - transition: .2s; -} - -.blogpostYoutubeVideo .goLabel { - transition: .2s; - opacity: 0; - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - margin: 0; - font-size: 4em; - background-color: var(--theme-color); - padding: .2em; - border-radius: 6px; - font-weight: bold; -} - -.blogpostYoutubeVideo:hover .goLabel { - opacity: 1; -} - -.blogpostYoutubeVideo:hover { - border-color: var(--theme-color); -} - -.blogpostYoutubeVideo img { - width: 100%; - display: block; - opacity: .8; - transition: .2s; -} - -.blogpostYoutubeVideo .videoHeader { - transition: .2s; - position: absolute; - bottom: 0; - left: 0; - padding: .4em 1em; - z-index: 1; - background-color: rgba(0, 0, 0, 0.6); - width: 100%; - padding: 1em; -} - -.blogpostYoutubeVideo * { - margin: 0; -} - -/* .blogpostYoutubeVideo::after { - transition: .2s; - content: ''; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: linear-gradient(0deg, transparent 0%, var(--theme-color) 6em, transparent 0%); - pointer-events: none; -} */ - -.blogpostYoutubeVideo:hover::after { - opacity: 0; -} - -.blogpostYoutubeVideo:hover .videoHeader { - opacity: 0; -} - -.blogpostYoutubeVideo .videoHeader .alsoAvailable { - font-weight: bold; -} - -.blogpostYoutubeVideo:hover img { - opacity: 1; -} - #postHeader * { margin-bottom: 0; } @@ -793,25 +798,54 @@ hs { margin-bottom: 1em; } -.i88x31 { - transition: .2s; - image-rendering: pixelated; - width: 88px; - height: 31px; +/* Page: misc/favorites */ + +.favoritesTextBox { + border-top: none; } -.i88x31.selected { - transform: scale(2); +.favoritesDivider { + margin-bottom: 0; } +.favoritesDefinitionListItem dt { + font-size: large; +} + +.favoritesDefinitionListItem dt::before { + content: ""; +} + +.favoritesDefinitionListItem { + margin-bottom: 2em; +} + +.favorites88x31Box { + width: fit-content; + height: fit-content; + border-right: none; + border-top: none; + border-bottom: none; + padding: 0; + padding-left: 1em; + margin-bottom: 1em; +} + +.favorites88x31Box img { + margin: 0; +} + +.favorite88x31Box { + margin-top: .2em; +} + +/* Animations */ + @keyframes ellipsis-loader { - 0%, 25% { - transform: translateX(0); - } - 100% { - transform: translate(20px); - } + 0%, 25% { transform: translateX(0); } + 100% { transform: translate(20px); } } + @keyframes ellipsis-loader__dot { 0% { animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); @@ -830,10 +864,18 @@ hs { } } +@keyframes fadeIn { + to { opacity: 1; } +} + +@keyframes fadeOut { + to { opacity: 0; } +} + +/* Media queries */ + @media screen and (max-width: 1280px) { - body { - font-size: 2vh; - } + body { font-size: 2vh; } header { padding-top: 1.4rem; @@ -846,26 +888,18 @@ hs { margin-bottom: 1.4rem; } - main { - max-width: 90vw; - } + main { max-width: 90vw; } - main h1 { - font-size: 3vh; - } + main h1 { font-size: 3vh; } #headerLinks { text-align: center; width: 100%; } - #homeTitle { - font-size: 4vh; - } + #homeTitle { font-size: 4vh; } - #linksHelper { - margin: 0 auto 0 auto; - } + #linksHelper { margin: 0 auto 0 auto; } #mainHelper { flex-direction: column; @@ -881,24 +915,19 @@ hs { margin-right: auto; } - .headerSquare, #defaultSquare { + .headerSquare, + #defaultSquare { aspect-ratio: 1/1; height: 100%; flex-grow: 1; } - .headerSquare.selected, #defaultSqaure.selected { - height: unset!important; + .headerSquare.selected, + #defaultSqaure.selected { + height: unset !important; } - - #languageList { - font-size: 2.5vh; - } - - #postHeader { - /* border-bottom: 8px dashed rgba(255, 255, 255, 0.1); */ - } + #languageList { font-size: 2.5vh; } .hsProjectHeader { height: fit-content; @@ -911,7 +940,7 @@ hs { margin: auto; width: fit-content; } - + .hsProjectImage img { height: 100%; max-height: inherit; @@ -921,38 +950,28 @@ hs { margin: auto; } - aside.metromenu { - width: 50%; + aside.metromenu { width: 50%; } + + .blogpostYoutubeVideo .videoHeader { font-size: small; } + + .homeBadgesBox { + display: flex; + justify-content: center; + gap: 4px; + flex-wrap: wrap; } - .blogpostYoutubeVideo .videoHeader { - font-size: small; - } + .misc88x31Page h2 { text-align: center; } } @media screen and (max-width: 800px) { - #homeSquares { - width: 60vw; - } - - aside.metromenu { - width: 100%; - } + #homeSquares { width: 60vw; } + + aside.metromenu { width: 100%; } + + .hsMusicCard .youtubeCardHolder { width: 100%; } } @media screen and (max-width: 720px) { - #homeSquares { - width: 80vw; - } -} - -@keyframes fadeIn { - to { - opacity: 1; - } -} -@keyframes fadeOut { - to { - opacity: 0; - } + #homeSquares { width: 80vw; } } \ No newline at end of file