From f7394434831033989e909c972fd65aae38551551 Mon Sep 17 00:00:00 2001 From: chimchooree Date: Fri, 14 Oct 2022 11:56:16 -0500 Subject: [PATCH] small fixes to every page - stopped on gdd --- src/index.py | 2 +- src/static/css/all.css | 1 + src/static/css/demo.css | 43 +++++++++++----------------------------- src/static/css/diary.css | 10 ++++++++-- src/static/css/entry.css | 22 ++++++++++---------- src/views/about.tpl | 2 ++ src/views/bf-gdd.tpl | 2 +- src/views/bf-vibe.tpl | 2 +- src/views/demo.tpl | 10 +++++----- src/views/diary.tpl | 2 +- src/views/frame.tpl | 2 +- src/views/website.tpl | 27 +++++++++++++++++++++++++ 12 files changed, 72 insertions(+), 53 deletions(-) create mode 100644 src/views/website.tpl diff --git a/src/index.py b/src/index.py index ac1cd87..1ceec79 100644 --- a/src/index.py +++ b/src/index.py @@ -587,7 +587,7 @@ def style(): info = {'css': 'doc', 'title': 'blessfrey style guide', 'year': find_year()} return template('style-guide.tpl', info) # Art Direction -@route('/vibe') +@route('/blessfrey-vibe') def vibe(): """GDD Page""" info = {'css': 'doc', 'title': 'blessfrey gdd - vibe', 'year': find_year()} diff --git a/src/static/css/all.css b/src/static/css/all.css index e71eccd..5804010 100755 --- a/src/static/css/all.css +++ b/src/static/css/all.css @@ -84,6 +84,7 @@ pre,code { .top { grid-area: 1 / 1 / 2 / 2; + color: white; text-align: center; } .content-grid { diff --git a/src/static/css/demo.css b/src/static/css/demo.css index ce7403c..22d04cb 100755 --- a/src/static/css/demo.css +++ b/src/static/css/demo.css @@ -1,46 +1,27 @@ .content-grid { display: grid; grid-template-columns: 1fr; - grid-template-rows: auto auto auto; + grid-template-rows: repeat(3, auto); grid-column-gap: 0px; grid-row-gap: 0em; - height: 45em; + color: white; } - .jump { - grid-area: 1 / 1 / 2 / 2; - text-align: center; - margin: auto; - font-size: 1.5em; - + +.edition { + grid-area: 1 / 1 / 2 / 2; } - .jump img { width: 5em; } - .long { - grid-area: grid-area: 2 / 1 / 3 / 2; - display: grid; - grid-template-columns: 1fr; - grid-template-rows: repeat(5, auto); - grid-row-gap: 95vh; - height: 45em; - color: white; - overflow: auto; - } - -.demo-game iframe { +.demo { grid-area: 2 / 1 / 3 / 2; } + +.demo iframe { border: 2px solid #df85a5; padding: 10px; display: block; margin: auto; } -.demo-intro { - width: 40%; - padding: 10px; +.guide { + grid-area: 3 / 1 / 4 / 2; + width: 80%; + padding: 2em; margin: auto; } - .demo { grid-area: 1 / 1 / 2 / 2; -} - .system { grid-area: 2 / 1 / 3 / 2;} - .story { grid-area: 3 / 1 / 4 / 2;} - .characters { grid-area: 4 / 1 / 5 / 2;} - .info { grid-area: 5 / 1 / 6 / 2; - height: 50em;} diff --git a/src/static/css/diary.css b/src/static/css/diary.css index 2f36960..3733218 100755 --- a/src/static/css/diary.css +++ b/src/static/css/diary.css @@ -1,5 +1,4 @@ .content-grid { - grid-area: 3 / 1 / 4 / 4; max-width: MAX(50em, 50%); display: grid; grid-template-columns: 2fr 1fr; @@ -42,6 +41,10 @@ padding-top: 0em; margin: auto; } + .diary-dir.bottom { + grid-area: 3 / 1 / 4 / 3; + margin: auto; + } .diary-dir-left { display: inline-block; vertical-align: middle; @@ -68,6 +71,9 @@ grid-area: 2 / 1 / 3 / 2; margin-right: 2em; } + .title { + color: white; + } .snippet { margin-top: 0em; @@ -164,4 +170,4 @@ height: 1em; } - .sidebar {grid-area: 2/2/2/3;} + .sidebar {grid-area: 2 / 2 / 2 / 3;} diff --git a/src/static/css/entry.css b/src/static/css/entry.css index d15cf29..a525c98 100644 --- a/src/static/css/entry.css +++ b/src/static/css/entry.css @@ -12,7 +12,7 @@ a:active { } hr { - border: 1px solid black; + border: 1px solid black; } .content-grid { @@ -32,7 +32,7 @@ hr { word-wrap: break-word; } .diary-title { - background-color: #585c88; + background-color: #585c88; border-top-left-radius: .3em; border-top-right-radius: .3em; color: #e6e8ef; @@ -80,7 +80,7 @@ hr { text-decoration: underline; } .diary-tags { - background-color: #585c88; + background-color: #585c88; padding: 1em; font-size: 1em; } @@ -129,20 +129,22 @@ hr { } .more { - grid-area: 1 / 1 / 2 / 2; - background-color: #A88AA8; + grid-area: 1 / 1 / 2 / 2; + background-color: #A88AA8; padding: .3em; text-align: center; color: #080410; } -.rec-box { grid-area: 2 / 1 / 3 / 2; - background-color: #A88AA8; - padding: 1em; } +.rec-box { + grid-area: 2 / 1 / 3 / 2; + background-color: #A88AA8; + padding: 1em; +} .snippet-title { - background-color: #A88AA8; - font-weight: bold; + background-color: #A88AA8; + font-weight: bold; } .sidebar { diff --git a/src/views/about.tpl b/src/views/about.tpl index 3cef195..ee656c8 100644 --- a/src/views/about.tpl +++ b/src/views/about.tpl @@ -1,4 +1,5 @@ % rebase('frame.tpl') +
play • system • story • characters • info
@@ -70,3 +71,4 @@

No hard timeline on this, though! I've been working for years and finally am about ready to have something to show for it. Gamedev has been a deep learning experience, and I'm looking forward to sharing my results with you.

+ diff --git a/src/views/bf-gdd.tpl b/src/views/bf-gdd.tpl index e2f720d..9ccb8a4 100644 --- a/src/views/bf-gdd.tpl +++ b/src/views/bf-gdd.tpl @@ -5,7 +5,7 @@

The vision for Blessfrey


diff --git a/src/views/bf-vibe.tpl b/src/views/bf-vibe.tpl index 94db618..8b2212c 100644 --- a/src/views/bf-vibe.tpl +++ b/src/views/bf-vibe.tpl @@ -15,7 +15,7 @@

The other goofiest place I've seen this juxtaposition pop up is that frame of some Avengers movie where the heroes are just hanging out at a normal restaurant. Some Quora guy claims the scene was popular, and I'll take his word for it. The overly dramatic, max stakes stuff isn't always as interesting as seeing what these fantasy people do during their down-time. My husband always thinks it's really funny to imagine the big bad of various series doing something really normal like eating ice cream.

- (stolen screenshot of the Avengers eating at a casual restaurant in full costumes: fun fact #2815: Marvel's The Avengers movie caused shawarma sales to SKYROCKET nationwide)
+

socializing

I like those 'group of kids save the world' shows like Code Lyoko, Winx Club, and W.I.T.C.H and would like to emulate that balance of otherworld exploration and heroics against hanging out and maintaining responsibilities at school and home.

diff --git a/src/views/demo.tpl b/src/views/demo.tpl index 4ceebfd..4a8c968 100644 --- a/src/views/demo.tpl +++ b/src/views/demo.tpl @@ -1,11 +1,11 @@ % rebase('frame.tpl')
-

no-legs the cat

-
+

no-legs the cat

+

-
-

Poltics Cat lost his legs!! Push him around using WASD to find them. Eat any breakfasts you can find along the way!

+
+

Poltics Cat lost his legs!! Push him around using WASD to find them. Eat any breakfasts you can find along the way!


(In case it isn't obvious, this is a crude maze constructed from the infamous 'godot heads'. Click the game to make it active then control kitty using W A S D or arrow keys to find all three breakfasts and his missing legs. His breakfast counter is in the top-right corner. After you win, you can continue to wander the maze aimlessly. Refresh the page to start over.)

-
+
diff --git a/src/views/diary.tpl b/src/views/diary.tpl index 6bea353..687ad1d 100644 --- a/src/views/diary.tpl +++ b/src/views/diary.tpl @@ -89,7 +89,7 @@
-

chimchooree's diary

+

chimchooree's diary

 % for s in snippets[page * limit:page * limit + limit]:
diff --git a/src/views/frame.tpl b/src/views/frame.tpl index b70e72f..3da9046 100644 --- a/src/views/frame.tpl +++ b/src/views/frame.tpl @@ -8,7 +8,7 @@
-
blessfrey.me
+
.      •        . blessfrey.me ☆            ..   .
{{!base}} diff --git a/src/views/website.tpl b/src/views/website.tpl new file mode 100644 index 0000000..b64ed86 --- /dev/null +++ b/src/views/website.tpl @@ -0,0 +1,27 @@ +% import random +% rebase('frame.tpl') +
+

website to-do

+

It'd be cool to add a few more things...

+
+

play page

+
    +
  • {{random.choice(['.','•','☆','★'])}} link to previous demos
    • +
+

about page

+
  • {{random.choice(['.','•','☆','★'])}} some cute presentation of links. maybe nice promo art with table of contents over a long page. click on what you want or scroll around. I had one of those old myspace css boxes with links, but I can't imagine that working on mobile, etc.
    • +
  • {{random.choice(['.','•','☆','★'])}} artwork: 6-panels of Helia with each job
    • +
  • {{random.choice(['.','•','☆','★'])}} screenshots and diagrams of skills, skill library, skillbar
    • +
  • {{random.choice(['.','•','☆','★'])}} screenshots and diagrams of team window, team member editing window
    • +
  • {{random.choice(['.','•','☆','★'])}} slideshow, 3-panel comic, etc of gist of the story with a sentence or two describing each part.
    • +
  • {{random.choice(['.','•','☆','★'])}} cute character section with image links - panels, animated sprites, something +
  • {{random.choice(['.','•','☆','★'])}} info section - genre, list platforms, engine, dev. link to presskit, credits, game design document.
    • +
  • {{random.choice(['.','•','☆','★'])}} timeline/roadmap - list all the beats. link to milestones.
    • +
+

dev page

+
    +
  • {{random.choice(['.','•','☆','★'])}} make it like Barbie's old room on her website - hover over stuff, it animates, opens up new window or takes you to new page.
    • +
  • {{random.choice(['.','•','☆','★'])}} add picture links for GitLab, itch, Twitter, Discord, Bible verse, OCs, artwork, etc.
    • +
+
+