diff --git a/.eleventy.js b/.eleventy.js index 7b30388..6af9ddb 100644 --- a/.eleventy.js +++ b/.eleventy.js @@ -11,6 +11,7 @@ const sass = require("sass"); // for providing a lot of inspiration! module.exports = function(config) { + config.addPassthroughCopy("static"); config.addPlugin(pluginRss); config.addPlugin(pluginBundle); diff --git a/content/blog/2023-04-20-redesign.md b/content/blog/2023-04-20-redesign.md new file mode 100644 index 0000000..0854ab8 --- /dev/null +++ b/content/blog/2023-04-20-redesign.md @@ -0,0 +1,34 @@ +--- +title: A new look +author: 32th System +description: More than just functional +date: 2023-04-20 +tags: + - layout + - design + - user experience +--- +[Silent Selene](https://www.silentselene.net) has a new look! + +For as long as we can remember, Silent Selene was nothing but placeholders. Technically functional, but not pretty. Well no more; the new look is here! + +First, there is the new icon and banner. These were both drawn by [Addamelech](https://twitter.com/Addamelech). We reached out to him specifically not just because he's a great artist, but also because he hangs around the *competitive Touhou community* (meaning he was really easy to get a hold of). We requested these to be Patchouli themed, obviously. The site's name is Silent Selene which is just the Patchouli spell that comes before Royal Flare. Also our website is library of sorts and is also using a purple-magenta color sceme similair to Patchouli herself. + + + + +And this is what they look like. But now onto the big news: + + + + +Originally developed by [Nylilsa](https://nylilsa.github.io), the idea behind the new design was (obviously) to look better than our old one. As for the *style* and *design language* (not really sure what to call it), we wanted an old school looking look similair to old Royalflare or [KG's website](https://wikiwiki.jp/thscorekg/) (which admittedly has a much closer resemblance to our website than old Royalflare). Oh and I guess the old website (circa 2006) of [The University of Texas Medical School at Houston](https://web.archive.org/web/20060511223439/http://www.uth.edu/) which was also used as a reference? + +Note that only the basic site layout and naviation was redesigned. A lot of pages from the original site were put into the new layout without much further editing. Look no further than the replay upload pages, or the replay details pages. We do want to redesign those as well, but for now, they remain as is. + + + + +This core design will likely not change again, maybe ever. But, we will keep extensing the site, building on top of this new foundation to deliver new features. + +(PS: The gradient in the light theme screenshots might not stick around) diff --git a/content/main.sass b/content/main.sass index cd90707..949e2f7 100644 --- a/content/main.sass +++ b/content/main.sass @@ -16,6 +16,10 @@ header main max-width: 800px +img + max-width: 100% + max-height: 100% + .post-metadata font: 400 14px "Lato", "Arial", sans-serif color: grey diff --git a/static/img/banner.png b/static/img/banner.png new file mode 100644 index 0000000..5c0c6ff Binary files /dev/null and b/static/img/banner.png differ diff --git a/static/img/logo192192.png b/static/img/logo192192.png new file mode 100644 index 0000000..610fe83 Binary files /dev/null and b/static/img/logo192192.png differ diff --git a/static/img/replay-details-page.png b/static/img/replay-details-page.png new file mode 100644 index 0000000..32ec913 Binary files /dev/null and b/static/img/replay-details-page.png differ diff --git a/static/img/replay-upload-page.png b/static/img/replay-upload-page.png new file mode 100644 index 0000000..71d4ea8 Binary files /dev/null and b/static/img/replay-upload-page.png differ diff --git a/static/img/site-screenshot-1.png b/static/img/site-screenshot-1.png new file mode 100644 index 0000000..c38ecdf Binary files /dev/null and b/static/img/site-screenshot-1.png differ diff --git a/static/img/site-screenshot-2.png b/static/img/site-screenshot-2.png new file mode 100644 index 0000000..eda4f1d Binary files /dev/null and b/static/img/site-screenshot-2.png differ