Skip to content

Commit

Permalink
Publish blog post for the redesign
Browse files Browse the repository at this point in the history
  • Loading branch information
32th-System committed Apr 19, 2023
1 parent 19f83dc commit e038b4e
Show file tree
Hide file tree
Showing 9 changed files with 39 additions and 0 deletions.
1 change: 1 addition & 0 deletions .eleventy.js
Original file line number Diff line number Diff line change
Expand Up @@ -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);
Expand Down
34 changes: 34 additions & 0 deletions content/blog/2023-04-20-redesign.md
Original file line number Diff line number Diff line change
@@ -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.

<img src="/static/img/banner.png">
<img src="/static/img/logo192192.png">

And this is what they look like. But now onto the big news:

<img src="/static/img/site-screenshot-1.png">
<img src="/static/img/site-screenshot-2.png">

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.

<img src="/static/img/replay-upload-page.png">
<img src="/static/img/replay-details-page.png">

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)
4 changes: 4 additions & 0 deletions content/main.sass
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down
Binary file added static/img/banner.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/img/logo192192.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/img/replay-details-page.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/img/replay-upload-page.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/img/site-screenshot-1.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/img/site-screenshot-2.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit e038b4e

Please sign in to comment.