From f10ae3524b3d89c6ece262d8bac39619f66af107 Mon Sep 17 00:00:00 2001 From: Mimi Momo Date: Tue, 19 Jul 2022 18:20:02 -0500 Subject: [PATCH] eiris push --- src/char/Abbey | 24 +-- src/char/Aloin | 5 + src/char/Angel | 5 + src/char/Aristen | 4 +- src/char/Calder | 17 +- src/char/Fifi | 5 + src/char/Funwa | 5 + src/char/Lune | 5 + src/index.py | 7 + src/static/css/all.css | 3 +- src/static/css/diary.css | 455 ++++++++++++++++++++------------------- src/views/diary.tpl | 245 ++++++++++++++++++--- src/views/fashion.tpl | 12 +- src/views/me.tpl | 17 +- 14 files changed, 523 insertions(+), 286 deletions(-) create mode 100644 src/char/Aloin create mode 100644 src/char/Angel create mode 100644 src/char/Fifi create mode 100644 src/char/Funwa create mode 100644 src/char/Lune diff --git a/src/char/Abbey b/src/char/Abbey index 917de5b..e163a08 100644 --- a/src/char/Abbey +++ b/src/char/Abbey @@ -1,16 +1,8 @@ -Image by abbey (Full view) -Images -(No relation to my username...I use this name for a lot of things and OCs. I really liked Ashford Abbey back in the day. [orangejoy] ) -(Also, he has a human form, but I haven't drawn him in it yet. If you want to give it a shot, go ahead! He has the same foppish clothes, skink mask, and purple eyes with a chubby body type. Maybe he'd be late 20s, early 30s?) - -Shadow Tundra♂ -Theme: Orpheus Odyssey - Legends on Strings -Name Meaning: a monastery ruled by an abbot -Role: bard, poet -Desc: He is a lazy but well-versed dove gray dragon with a thick coat from the lands of Shadow living in the lands of Fire. He dresses in typical bard garb with an appreciation for texture - silk, fine metal chains, feathers, and fur. -Activities: nose-deep in books, improvising music on his lyre, singing for tavern guests, indulging in gossip and rumors - - -Abbey is Lise's favorite traveling bard, so she keeps him perpetually on the Butterfly's Dance payroll. He's a master of the lyre, flute, and bells, though he has a wide arsenal of string and brass proficiencies to supply his evening performances, which span from ballads of the First Age to reenactments of the Night of the Nocturne to flambebe limericks. - -Surprisingly, most of his acts are performed off the cuff, and, in lieu of serious preparation, he spends much of his day napping, snacking while reading, or improvising music. He stays well-versed in current events and pop culture, so he identifies guests of renown at once and loves to listen and learn what they have to say. In general, though, he's always up for a literary discussion or political debate, so don't be afraid to disturb him when he's nose-deep in tomes. +Abbey | means fraternity | Shadow Tundra♂ | bard, poet | 12'4 tall / 9'5 wingspan
+human form | 30 | 6'
+
+

Abbey is Lise's favorite traveling bard, so she keeps him perpetually on the Butterfly's Dance payroll. He's a master of the lyre, flute, and bells, though he has a wide arsenal of string and brass proficiencies to supply his evening performances, which span from ballads of the First Age to reenactments of the Night of the Nocturne to flambebe limericks. He never removes his mask. He even sleeps in it. He plays it off like a quirk, but he has never been seen without it. That fact plus his distance from his homeland spur light rumors, but they can only be taken as seriously as people view him.

+
+

Surprisingly, most of his acts are performed off the cuff, and, in lieu of serious preparation, he spends much of his day napping, snacking while reading, or improvising music. He stays well-versed in current events and pop culture, so he identifies guests of renown at once and loves to listen and learn what they have to say. In general, though, he's always up for a literary discussion or political debate, so don't be afraid to disturb him when he's nose-deep in tomes.

+
+

He's a chubby dove gray dragon with an incredibly thick coat that only grows thicker during winter months. Most of his body is covered in platinum-colored fur that lightens as it reaches his tail and legs. A skink-like striped pattern runs from the sides of his neck, all the way down his tail. His fins, which extend like horns from behind his ears and his feet are dark. His wings, mane, and tuft at the end of his tail are smokey gray and flecked with black like hawk feathers. His face is always covered in a white mask, his eyes outlined in red. He loves to adorn himself in chains from fine metal, feathers, and fur.

diff --git a/src/char/Aloin b/src/char/Aloin new file mode 100644 index 0000000..e405dc1 --- /dev/null +++ b/src/char/Aloin @@ -0,0 +1,5 @@ +Aloin Encausse | means magical friend | witch♂ | husband, father, emperor of evil | late 30s | 6'5
+
+

He's an evil genius, with a startling IQ and repertoire of spells, which he has mastered through decades of playing with magic. Evil is a deep part of who he is, and it marks every part of his life, from taking evil showers in the morning to taking evil slumber at night. He was meant to be a Saturday morning cartoon villain, but his wife Fifi and newborn son softened his heart. He still pursues evil, but it's a gentler form. He works with one of the more stable criminal organizations in town. His wife Fifi is fully supportive, and her fame as a celebrity has been instrumental in pulling off some of his jobs, especially earlier on in his career when he was less fettered. His wife makes enough money off of brand deals for them both to retire, but evil is a passion job for him.

+
+

He has unique features to say the least, with a squared forehead, complete lack of eyebrows, sloping orbital bones, pronounced nostrils. He usually wears his black hair shaved, but sometimes he grows it out long on the top. He wears glasses but usually leaves them at home. Dramatic changes and costumes are part of his lifestyle at this point, so his family doesn't even comment anymore.

diff --git a/src/char/Angel b/src/char/Angel new file mode 100644 index 0000000..19c2258 --- /dev/null +++ b/src/char/Angel @@ -0,0 +1,5 @@ +Miriam "Angel" Newman | means drop of the sea | weaponmaster♀ | student | teenager | 5'7
+
+

She's not as disciplined as her twin brother Aries, but she has more natural talent. She's been awarded two best-in-state titles for her swordsmanship, and she's steadily building a portfolio on git for her tools. She consistently brings home As despite never studying to her brother's immense envy. Her natural aptitude is always undermined by her flitsy attitude and chronic forgetfulness, though. She always loses to peer pressure, too. She's a natural people pleaser and a friend to everyone around her.

+
+

She's tall and looks mature for her age, so Tessa bullies her into serving as "chaperone" to mature movies and buying M-rated games. She's also popular with boys, but her mom absolutely forbids dating until college. Her mom also polices her wardrobe but is beginning to lose ground in that argument. She'd only allow simple natural makeup, too, but Angel's never really been interested in adding to her morning routine anyway. She wears lots of sweaters and jeans, especially if she can incorporate rainbows of color. Her thick, long blond hair is her favorite feature, and she is always experimenting with different hairstyles. She also has light green eyes, slightly brighter in hue than her brother, round silver glasses, and freckles near her mouth.

diff --git a/src/char/Aristen b/src/char/Aristen index b337e5d..1c80f28 100644 --- a/src/char/Aristen +++ b/src/char/Aristen @@ -1,6 +1,6 @@ -Aristen | means the best | mystic | martial artist, soldier of fortune | 24 years old | 5'6
+Aristen | means the best | mystic♀ | martial artist, soldier of fortune | 24 years old | 5'6

-My Black Desert Online main! The community and gear system kinda ruin what is one of the best tycoon and life skilling MMOs, so I didn't play it for very long. I still adore Aristen, though. Very possibly the most goeous
+My Black Desert Online main! The community and gear system ruin what is one of the best tycoon and life skilling MMOs, so I didn't play it for very long. I still adore Aristen, though.

She's an honest and direct person who won't betray her core values of loyalty, submission towards authority, and denial of the flesh. Her Spartan lifestyle borders on asceticism. She lives off the land. Though her body is shaped by extreme discipline, she isn't necessarily the wisest person. She's always falling into the "work harder, not smarter" fallacy, leading to some pretty comical blunt-force solutions for her jobs.

diff --git a/src/char/Calder b/src/char/Calder index 7d46e84..8a24dac 100644 --- a/src/char/Calder +++ b/src/char/Calder @@ -1,11 +1,6 @@ -Arcane Coatl♂ -Name Meaning: wild waters -Role: mire flyer, mad sorcerer, tavern debtor -Desc: He is well-bred with pearly skin and cornsilk hair. His pale pink eyes mark him as from the land of the Arcane despite living in the land of Fire. He takes a lot of pride in his slender and well-toned physique, draping it in finery and adorning it in gems, feathers, and flowers. He has pierced ears. -Activities: sitting at the Mirror of Venus, flying into a rage, committing arson, performing grand magic, groveling to his debtor and begrudgingly training apprentices in combat against mire beasts - -Calder's temper is fiery in the literal sense. He has a genius aptitude for arcane magic and a blasé disregard for its effects or proper study. Despite being the headmaster's son, his disdain for the less adept and explosive attitude made him distinctly unpopular with his teachers and fellow acolytes. His father could only shield him from the consequences of his actions for so long, however. Outright setting fire to the university after a clash with a group of students was a crime judged by a jurisdiction higher than the board of directors. - -Calder, now disowned and summoned to a court heavily stacked against him, had nothing to lose. Before tucking his tail and running, he burned down the courthouse. Fire being his favorite weapon of chaos and destruction, he traveled to the Ashfall Waste, where they surely are less sensitive about petty fire fights. - -It turns out the Fire Flight is even less impressed by conflagration. He now lives in debt to Lise, matron proprietor and main dancer of the Butterfly's Dance, after accidentally burning the exterior of her tavern. +Calder | means wild waters | Arcane Coatl♂ | mad sorceror, tavern debtor, mire flyer | 24'5 tall / 28' wingspan
+human form | 26 | 5'7
+
+

Calder's temper is fiery in the literal sense. He has a genius aptitude for arcane magic but a blasé disregard for its effects or proper study. Despite being the headmaster's son, his disdain for the less adept and explosive attitude made him distinctly unpopular with his teachers and fellow acolytes. His father could only shield him from the consequences of his actions for so long, however. Outright setting fire to the university after a clash with a group of students was a crime judged by a jurisdiction higher than the board of directors. Calder, now disowned and summoned to a court heavily stacked against him, had nothing to lose. Before tucking his tail and running, he burned down the courthouse. He traveled to the Ashfall Waste, where they surely are less sensitive about petty fire fights. It turns out the Fire Flight is even less impressed by conflagration. He now lives in debt to Lise, matron proprietor and main dancer of the Butterfly's Dance, after accidentally burning the exterior of her tavern.

+
+

His strong, masculine features offset his almost sickly pale skin and pastel pink eyes. His hair is just as fair, and he wears it long and wavy despite a lifetime of elders telling him to keep it short. He has a great body and knows it, taking every chance to show it off. He wraps himself in charmeuse, feathers, and flowers.

diff --git a/src/char/Fifi b/src/char/Fifi new file mode 100644 index 0000000..997cb70 --- /dev/null +++ b/src/char/Fifi @@ -0,0 +1,5 @@ +Fifi | means to increase | witch♀ | singer, songwriter, celebrity | mid 30s | 6'
+
+

She has been steeped in music her whole life, with her brother reliably bringing home records of new bands and emerging genres. It wasn't long before her and some neighborhood friends started their own band. Her unique singing voice like the chirping of songbirds or the ping of a harp captured a lot of attention. Her candid lyrics captured what people felt but couldn't say. She quickly outshone her fellow members, a vocalist stolen from band to band, getting to travel all over the country. After a decade, she began to lose her footing with younger audiences, though she still has a very dedicated older fanbase. She's content with this shift because it affords her more time at home to raise her baby.

+
+

She has delicate, sunken features and a narrow jaw. Her blonde hair is thin and wispy, and she usually wears it tied back or in updos. She's extremely involved in the fashion industry, frequently attending shows and lending her face to campaigns. Naturally, her closet is dominated by luxury brands, all gifts from her designer and model friends. Her style is distinct, consisting of ballet pinks, blues, and creamy whites, with soft piled textures covering highly structured garments. She has with no hesistation in wearing ostentatious furs and shoulderpads. Her makeup is wild, covering her entire eye socket and tops of her cheekbone in baby blue, applies long thin straight falsies, using shocking white lipstick, using contour gray as a blush color. Usually, she'll wear concealer lips and only overdo one feature, but she feels no qualms about going all out.

diff --git a/src/char/Funwa b/src/char/Funwa new file mode 100644 index 0000000..19c2258 --- /dev/null +++ b/src/char/Funwa @@ -0,0 +1,5 @@ +Miriam "Angel" Newman | means drop of the sea | weaponmaster♀ | student | teenager | 5'7
+
+

She's not as disciplined as her twin brother Aries, but she has more natural talent. She's been awarded two best-in-state titles for her swordsmanship, and she's steadily building a portfolio on git for her tools. She consistently brings home As despite never studying to her brother's immense envy. Her natural aptitude is always undermined by her flitsy attitude and chronic forgetfulness, though. She always loses to peer pressure, too. She's a natural people pleaser and a friend to everyone around her.

+
+

She's tall and looks mature for her age, so Tessa bullies her into serving as "chaperone" to mature movies and buying M-rated games. She's also popular with boys, but her mom absolutely forbids dating until college. Her mom also polices her wardrobe but is beginning to lose ground in that argument. She'd only allow simple natural makeup, too, but Angel's never really been interested in adding to her morning routine anyway. She wears lots of sweaters and jeans, especially if she can incorporate rainbows of color. Her thick, long blond hair is her favorite feature, and she is always experimenting with different hairstyles. She also has light green eyes, slightly brighter in hue than her brother, round silver glasses, and freckles near her mouth.

diff --git a/src/char/Lune b/src/char/Lune new file mode 100644 index 0000000..19c2258 --- /dev/null +++ b/src/char/Lune @@ -0,0 +1,5 @@ +Miriam "Angel" Newman | means drop of the sea | weaponmaster♀ | student | teenager | 5'7
+
+

She's not as disciplined as her twin brother Aries, but she has more natural talent. She's been awarded two best-in-state titles for her swordsmanship, and she's steadily building a portfolio on git for her tools. She consistently brings home As despite never studying to her brother's immense envy. Her natural aptitude is always undermined by her flitsy attitude and chronic forgetfulness, though. She always loses to peer pressure, too. She's a natural people pleaser and a friend to everyone around her.

+
+

She's tall and looks mature for her age, so Tessa bullies her into serving as "chaperone" to mature movies and buying M-rated games. She's also popular with boys, but her mom absolutely forbids dating until college. Her mom also polices her wardrobe but is beginning to lose ground in that argument. She'd only allow simple natural makeup, too, but Angel's never really been interested in adding to her morning routine anyway. She wears lots of sweaters and jeans, especially if she can incorporate rainbows of color. Her thick, long blond hair is her favorite feature, and she is always experimenting with different hairstyles. She also has light green eyes, slightly brighter in hue than her brother, round silver glasses, and freckles near her mouth.

diff --git a/src/index.py b/src/index.py index dfaf479..5b873ae 100644 --- a/src/index.py +++ b/src/index.py @@ -67,6 +67,13 @@ def demo(): info = {'css': 'demo', 'title': 'blessfrey demo', 'year': find_year()} return template('demo.tpl', info) +# Fashion Page +@route('/diary') +def diary(): + """diary""" + info = {'css': 'diary', 'title': 'chimchooree\'s diary', 'year': find_year()} + return template('diary.tpl', info) + # Fashion Page @route('/fashion') def fashion(): diff --git a/src/static/css/all.css b/src/static/css/all.css index c3c8c98..ab647cb 100755 --- a/src/static/css/all.css +++ b/src/static/css/all.css @@ -1,7 +1,7 @@ * { padding:0; margin:0; - font-family: verdana, trebuchet ms, arial, calibri, gill sans, helvetica neue, candara, geneva, sans-serif; + font-family: verdana, trebuchet ms, arial, calibri, candara, sans-serif; background-color: black; } html, body {padding:0; margin:0; height:100%;} @@ -31,6 +31,7 @@ p { } ul { list-style-type: none; + list-style-position: inside; } li { padding-left: 2em; diff --git a/src/static/css/diary.css b/src/static/css/diary.css index 26197d3..a19b285 100755 --- a/src/static/css/diary.css +++ b/src/static/css/diary.css @@ -1,244 +1,257 @@ -* { - padding:0; - margin:0; - font-family: trebuchet ms; arial; calibri; gill sans; helvetica neue; candara; geneva; verdana; sans-serif; - background-color: black; -} + .content-grid { + grid-area: 3 / 2 / 4 / 3; + display: grid; + grid-template-columns: 2fr 1fr; + grid-template-rows: 40px auto 40px; + grid-column-gap: 0px; + grid-row-gap: 0px; + } -a { - text-decoration: none; -} -.centered { - text-align: center; -} -#poltics { - height: auto; - width: 100%; + .dir-row { + grid-area: 1 / 1 / 2 / 3; + background-color: #080410; + color: #F9B3D7; + } -} -.nav-grid img { - height: 100%; - width: 100%; -} + .diary-dir { + background-color: #080410; + font-size: 23px; + padding: 0px; + margin: 0px; + color: #AAA39D; + font-weight: bold; + text-shadow: + -1px -1px 1px #080410, + 0 -1px 1px #080410, + 2px -1px 1px #080410, + 2px 0 1px #080410, + 2px 2px 1px #080410, + 0 2px 1px #080410, + -1px 2px 1px #080410, + -1px 0 1px #080410; + } + .diary-dir a { + color: #E6E8EF; + font-weight: bold; + text-shadow: + -1px -1px 1px #080410, + 0 -1px 1px #080410, + 2px -1px 1px #080410, + 2px 0 1px #080410, + 2px 2px 1px #080410, + 0 2px 1px #080410, + -1px 2px 1px #080410, + -1px 0 1px #080410; + } + .diary-dir.top { + grid-area: 1 / 1 / 2 / 3; + padding-top: 3px; + } + .diary-dir-left { + display: inline-block; + vertical-align: middle; + } + .diary-dir-numbers { + height: 29px; + display: inline-block; + white-space: nowrap; + } + .diary-dir-number { + background-color: #404664; + display: inline-block; + white-space: nowrap; + border-radius: 25px; + padding-left: 4px; + padding-right: 4px; + } + .diary-dir-right { + display: inline-block; + vertical-align: middle; + } -.grid { - height: 95vh; - width: 100vw; - display: grid; - grid-template-columns: 1fr 60% 1fr; - grid-template-rows: 5% 15% 60% 20%; - grid-column-gap: 0px; - grid-row-gap: 0px; -} + .diary-pages { + grid-area: 2 / 1 / 3 / 2; + } -.top-row { - grid-area: 1 / 1 / 2 / 4; - display: flex; - flex-direction:column; - justify-content:center; - align-items: center; -} -.nav-row { - grid-area: 2 / 1 / 3 / 4; -} -.content-row { - grid-area: 3 / 1 / 4 / 4; -} -.latest-row { - grid-area: 4 / 1 / 5 / 4; -} -.nav-grid { - grid-area: 2 / 2 / 3 / 3; - display: flex; - flex-direction: row; - display: grid; - grid-template-columns: minmax(0%,10%) repeat(5, 1fr) minmax(0%,10%); - grid-column-gap: 0px; - grid-row-gap: 0px; - justify-items: center; - text-align: center; - color: red; -} - .nav-left { - grid-area: 1 / 1 / 2 / 2; - } - .nav-right { - grid-area: 1 / 7 / 2 / 8; + .snippet { + margin-top: 0px; + margin-bottom: 50px; } - .nav-home { - grid-area: 1 / 2 / 2 / 3; - display: grid; - grid-template-columns: 100%; - grid-template-rows: 80% 20%; - grid-column-gap: 0px; - grid-row-gap: 0px; - flex-direction: column; + + .snippet-title { + background-image: url(../img/ele/diaryheader.png); + background-size: 100%; + height: 40px; + padding: 10px; + font-size: 10px; } - .nav-blessfrey { - grid-area: 1 / 3 / 2 / 4; - display: grid; - grid-template-columns: 100%; - grid-template-rows: 80% 20%; - grid-column-gap: 0px; - grid-row-gap: 0px; - flex-direction: column; + .snippet-title a { + color: #E3E0DE; + font-weight: bold; + text-shadow: + -1px -1px 1px #324832, + 0 -1px 1px #324832, + 2px -1px 1px #324832, + 2px 0 1px #324832, + 2px 2px 1px #324832, + 0 2px 1px #324832, + -1px 2px 1px #324832, + -1px 0 1px #324832; } - .nav-lemonland { grid-area: 1 / 4 / 2 / 5; - display: grid; - grid-template-columns: 100%; - grid-template-rows: 80% 20%; - grid-column-gap: 0px; - grid-row-gap: 0px; - flex-direction: column; + .snippet-title a:hover { + color: #ecd5d2; + font-weight: bold; + text-shadow: + -1px -1px 1px #324832, + 0 -1px 1px #324832, + 2px -1px 1px #324832, + 2px 0 1px #324832, + 2px 2px 1px #324832, + 0 2px 1px #324832, + -1px 2px 1px #324832, + -1px 0 1px #324832; } - .nav-diary { grid-area: 1 / 5 / 2 / 6; - display: grid; - grid-template-columns: 100%; - grid-template-rows: 80% 20%; - grid-column-gap: 0px; - grid-row-gap: 0px; - flex-direction: column; + .snippet-content { + background-color: #ecd5d2; + color: #080410; + padding: 10px; + font-size: 15px; } - .nav-about { grid-area: 1 / 6 / 2/ 7; - display: grid; - grid-template-columns: 100%; - grid-template-rows: 80% 20%; - grid-column-gap: 0px; - grid-row-gap: 0px; - flex-direction: column; + .date-line { + background-color: #ecd5d2; + color: #080410; + padding: 5px; + padding-left: 15px; + font-size: 15px; + text-align: left; + } + .snippet-tags { + background-color: #ecd5d2; + padding: 10px; + font-size: 15px; } - .navlink { - font-size: 110%; + .snippet-tag { + background-color: #b9b4af; + border-radius: 25px; + padding: 3px; + padding-left: 4px; + padding-right: 4px; + color: black; + font-size: 15px; font-weight: bold; + display: inline-block; } - .navlink a:link { - color: #E6E8EF; + .social-line { + background-color: #404664; + padding-top: 5px; + padding-left: 15px; + } - .navlink a:visited { - color: #E6E8EF; + .social-line a { + color: #E3E0DE; + font-weight: bold; } - .navlink a:hover { - color: #f463ad; + .snippet-link { + margin-top: -35px; + float: right; + font-size: 15px; } - .navlink a:active { - color: #f463ad; + .snippet-bottom { + background-image: url(../img/ele/diarybottom.png); + background-size: 100%; + height: 25px; } -.content-grid { - grid-area: 3 / 2 / 4 / 3; - display: grid; - grid-template-columns: 25% 75%; - grid-template-rows: auto; - grid-column-gap: 0px; - grid-row-gap: 0px; -} - .content-left { - grid-area: 1 / 1 / 2 / 2; + .sidebar { + grid-area: 2 / 2 / 3 / 3; display: grid; - grid-template-columns: 1fr; - grid-template-rows: repeat(3, 1fr); + grid-template-columns: auto; + grid-template-rows: repeat(4, auto); grid-column-gap: 0px; grid-row-gap: 0px; + align-content: start; + padding-left: 7px; } - .contentlogo { - grid-area: 2 / 1 / 3 / 2; - background-image: url(../img/prom/BlessFREY_logo.png); - background-size: 100%; - background-repeat: no-repeat; - background-position: center; - } - .content-right { - grid-area: 1 / 2 / 2 / 3; - background-image: url(../img/prom/runebless.png); - background-size: 80% auto; - background-repeat: no-repeat; - background-position: center; - } - /*display: grid; - grid-template-columns: repeat(3, 1fr); - grid-template-rows: repeat(2, 1fr); - grid-column-gap: 0px; - grid-row-gap: 0px; - } - .weaponmaster { - grid-area: 1 / 1 / 2 / 2; - background-color: red; - background-image: url(../img/prom/w_thumb.png); - } - .tamer { - grid-area: 1 / 2 / 2 / 3; - background-color: yellow; - background-image: url(../img/prom/t_thumb.png); - } - .disciple { - grid-area: 1 / 3 / 2 / 4; - background-color: orange; - background-image: url(../img/prom/d_thumb.png); - } - .streetfighter { - grid-area: 2 / 1 / 3 / 2; - background-color: green; - background-image: url(../img/prom/s_thumb.png); - } - .hacker { - grid-area: 2 / 2 / 3 / 3; - background-color: blue; - background-image: url(../img/prom/h_thumb.png); - } - .chemist { - grid-area: 2 / 3 / 3 / 4; - background-color: purple; - background-image: url(../img/prom/c_thumb.png); - } */ -.latest { - background-color: #bd97a4; - color: black; -} -.latest-grid { - width: 50%; - background-color: #bd97a4; - grid-area: 4 / 2 / 5 / 3; - overflow-y: scroll; - margin-right: 0px; - margin-left: 5%; - margin-top: 3%; - margin-bottom: 0px; - padding-top: 4%; - padding-right: 1%; - padding-bottom: 1%; - padding-left: 2%; -} - .latest-grid a:link { - color: black; - background-color: #bd97a4; + .sidebar a:link { + color: #213021; } - .latest-grid a:visited { - color: black; - background-color: #bd97a4; + .sidebar a:hover { + color: #486438; } - .latest-grid a:hover { - color: #F9B3D7; - background-color: #bd97a4; - } - .latest-grid a:active { - color: #f463ad; - background-color: #bd97a4; - } - .latest-grid ul { - background-color: #bd97a4; - list-style-type: none; - } - .latest-grid li { - background-color: #bd97a4; - padding-left: 5%; - } - .latest-grid b { - background-color: #bd97a4; - } -.footer-content { - color: white; - padding-top: 5px; - text-align: right; - overflow: hidden; - box-shadow: 0 100vh 0 100vh black; -} + .sidebar a:visited { + color: #213021; + } + .sidebar a:active { + color: #945634; + } + .about-box { + grid-area: 1 / 1 / 2 / 2; + border-radius: 25px; + background-color: #95939F; + color: #111718; + text-align: center; + margin: 15px; + padding: 5px; + margin-top: 0px; + padding-bottom: 15px; + } + .twitter-box { + grid-area: 2 / 1 / 3 / 2; + border-radius: 25px; + background-color: #95939F; + color: #111718; + text-align: center; + margin: 15px; + padding: 5px; + padding-bottom: 15px; + } + .latest { + grid-area: 3 / 1 / 4 / 2; + border-radius: 25px; + background-color: #95939F; + color: #111718; + text-align: center; + list-style-position: inside; + margin: 15px; + padding: 5px; + } + .latest-text { + text-align: left; + list-style-position: inside; + padding: 5px; + } + .wordcloud { + grid-area: 4 / 1 / 5 / 2; + border-radius: 25px; + background-color: #95939F; + color: #111718; + text-align: center; + margin: 15px; + padding: 5px; + padding-bottom: 15px; + } + .disclosure { + grid-area: 5 / 1 / 6 / 2; + border-radius: 25px; + background-color: #95939F; + color: #111718; + text-align: center; + margin: 15px; + padding: 5px; + padding-bottom: 15px; + } + + .diary-dir.bottom { + grid-area: 3 / 1 / 4 / 3; + } + + .footer-content { + background-color: #080410; + color: #ecd5d2; + padding-top: 5px; + padding-right: 25px; + box-shadow: 0 100vh 0 100vh #581845; + text-align: right; + overflow: hidden; + } + diff --git a/src/views/diary.tpl b/src/views/diary.tpl index fd30c6f..b0e17ce 100644 --- a/src/views/diary.tpl +++ b/src/views/diary.tpl @@ -1,28 +1,221 @@ -% rebase('frame.tpl') -% import random -
+ % rebase('frame.tpl') + % import re
-
- -
-
-
-
-
-
-
-
-
-
-
-
.      •        . latest ☆            ..   .
-
- -
-
.            ★            ..             •           .            ☆
+ +
+
+ % max_pages = int((total - 1) / limit) + <% + # page never below 0 + if page <= 0: + page = 0 + end + # page never over maximum + if page > max_pages: + page = max_pages + end + %> +
+ % # << is always active link pointing to 0 + + << + + + % # < points to 0 if page 0 or below + % if page <= 0: + + < + + % # < points to previous page otherwise + % else: + + < + + % end +
+ +
+ % # fill out number cluster to the left when page is high + % if max_pages > cluster and page > max_pages - cluster: + % for j in range(cluster - max_pages + page): +
+ {{max_pages - cluster * 2 + j}} +
+ % end + % end + + % # form cluster of number links around page + % for i in range(max(0,page - cluster), min(max_pages + 1,page + cluster + 1)): + % # bold current page number + % if i == page: +
+ {{i}} +
+ % # form neighboring numbers into links + % else: +
+ {{i}} +
+ % end + % end + + % # fill out number cluster to the right when page is low + % if page <= cluster - 1 and max_pages > page + cluster: + % for j in range(cluster - page): +
+ {{page + j + cluster + 1}} +
+ % end + % end +
+ +
+ % # > points to max if page is at or above maximum + % if page >= max_pages: + + > + + % # > point to next page otherwise + % else: + + > + + % end + + % # >> is always active link to maximum page + + >> + +
+
+
+ +
+ % for s in snippets[page * limit:page * limit + limit]: +
+
+

{{!s[0]}}

 +
+
+ chimchooree + • {{!s[2]}} +
+
+ {{!s[1]}} +
+ % if len(s[5]) >= 1: +
+ % for j in s[5]: +
+ % tagless = j.replace('#','') + {{j}} +
+ % end +
+ % end + +
+ + read more + +
+
+
+
+ % end +
+ + % include diary-boxes.tpl + +
+
+ % max_pages = int((total - 1) / limit) + <% + # page never below 0 + if page <= 0: + page = 0 + end + # page never over maximum + if page > max_pages: + page = max_pages + end + %> +
+ % # << is always active link pointing to 0 + + << + + + % # < points to 0 if page 0 or below + % if page <= 0: + + < + + % # < points to previous page otherwise + % else: + + < + + % end +
+ +
+ % # fill out number cluster to the left when page is high + % if max_pages > cluster and page > max_pages - cluster: + % for j in range(cluster - max_pages + page): +
+ {{max_pages - cluster * 2 + j}} +
+ % end + % end + + % # form cluster of number links around page + % for i in range(max(0,page - cluster), min(max_pages + 1,page + cluster + 1)): + % # bold current page number + % if i == page: +
+ {{i}} +
+ % # form neighboring numbers into links + % else: +
+ {{i}} +
+ % end + % end + + % # fill out number cluster to the right when page is low + % if page <= cluster - 1 and max_pages > page + cluster: + % for j in range(cluster - page): +
+ {{page + j + cluster + 1}} +
+ % end + % end + +
+ +
+ % # > points to max if page is at or above maximum + % if page >= max_pages: + + > + + % # > point to next page otherwise + % else: + + > + + % end + % # >> is always active link to maximum page + + >> + +
+
+
+ +
diff --git a/src/views/fashion.tpl b/src/views/fashion.tpl index 90b8383..0a014d5 100644 --- a/src/views/fashion.tpl +++ b/src/views/fashion.tpl @@ -50,7 +50,17 @@ Weeping may tarry for the night, -
+
+Here's a random list of steps I take:

+
+
    +
  • I design my clothes to be irreplaceable. They are exactly what the client wants, made with professionalism and durability in mind, have a tailored fit, can be thrown in a washing machine no problem, and can be altered easily. The other part of this is avoiding fads. It's hard to tell how long you'll be into something, but fortunately(?) I take at least a week to design, cut, and sew, plus possibly even more time to order materials and coordinate fitting sessions, so my designs are necessarily free of impulse.
    • +
  • I avoid synthetic fibers. The 5% lycra in denim feels great, but it's tough to say it's worth the 500 years it'll spend in landfills. Polyester is just as bad, and it often feels cheap, scratchy, or pilly. Clothes are washed frequently, too, so I'm afraid plastic-based clothing contribute to the rising number of microplastic particles in freshwater. (No proof, just a personal concern.) Do keep in mind that cotton, linen, and especially tencel, my go-tos, have their own serious issues, as do virtually every textile that is dyed or processed in any way. Basically, just to make your clothes last.
    • +
  • I use old rags or other people's trashbound cuts of fabric instead of buying muslin yardage. It's also cheaper and can be more similar to the fashion textile. Sometimes, I can even make the muslin garment wearable in its own right.
    • +
  • I source as many elements as I can from what I already own. I hoard buttons, steal hooks-and-eyes, save any cups I remove. It's time-consuming to remove boning and free zippers from old clothes, but shopping my storeroom first frequently saves me from buying basics. Home seamstresses know how hard it is to feel this way about fabric and yarn, though...Always finish your projects before buying more fabric. Even if it's so tempting...
    • +
  • I shred fabric scraps and serger tails into stuffing. Stuffing is usually polyester, and my scraps can be just as soft if not softer. I'm not even convinced this is unusual, since I took apart a mall-bought throw pillow one time to find it full of selvage!
    • +
  • I repair garments until they are crotchless and threadbare. I used to pride myself in making old things look brand-new again, re-knitting dropped stitches and hiding my repairs, but I've been more into visible mending lately. Old clothes are old, and it's okay and even individualizing for a garment to admit that.
    • +
diff --git a/src/views/me.tpl b/src/views/me.tpl index ae09921..d11d8bb 100644 --- a/src/views/me.tpl +++ b/src/views/me.tpl @@ -16,7 +16,8 @@ Contact: @@ -27,22 +28,22 @@

Okay, I lied. Blessfrey also has a dual job system. The job you pick at character creation is permanent, but you can take a second as a side gig. Change your side gig frequently to find the best combinations!


-

Blessfrey is a dungeoncrawler, so you will find some shops and quests in the hub town, but the local dungeon is deep and full of mysteries to uncover.

+

Blessfrey is a dungeoncrawler, so you will find some shops and quests in the hub town, but the local dungeon is deep and full of mysteries to uncover. I started working on it to learn a wide range of programming concepts (games are very complex software) but also to realize my dream game (because what gamer doesn't have a dream game?).


I'll put an HTML5 demo up here soon-ish. Keep checking! Learn more on the Blessfrey page.


Presskit is available here.

-
-

lemonland is...

-

an Angular action petsite inspired by the more laid-back mid-2000s Neopets-derivative games. Lemonland has rich biodiversity and is home to species found nowhere else on earth. Learning about them and trying to tame them SMT demon negotiation-style is a national pastime.

+
+

fashion is...

+

problem-solving, just like any design field. I approach it as a blend of personal and social desires with technical and mathematical challenges. I iterate over original designs according to the specific needs of a piece, source appropriate materials, make the pattern, plan the tech pack, cut and sew, and perform any value addition. Though I enjoy the full process of apparel construction, pattern-making has been my favorite step since high school. It has the most opportunity for real design work. It is the pattern-maker who numbers the strands on a mohair garment and plans zipper placement within an eighth of an inch.


-

When you join Lemonland, you'll take some immigration quizzes and utilize government housing assistance for decorating, showing off your pets, and storing your collections. Around the island, there's some islanders to chat up, shops to barter with, games to play, and scenarios to encounter, so click around!

+

The impact of fashion is another problem to solve. The apparel industry is one of the largest water polluters, dumping 20% of the world's waste water, and many textiles do not degrade, filling 5% of landfills with textiles that take over 500 years to decompose. Donating old clothes has its own associated problems, competing with fledgling domestic industries overseas. The apparel industry also doesn't necessarily pay a living wage or ensure its factories are maintained. Valuing a low price tag over a manufacturing country of origin with proper labor protection has a human cost, most famously in the Dhaka, Bangladesh garment factory collapse.


-

Lemonland is a utopian Pacific archipelago where everything is provided for free by the wealthy plutocratic Duke Poppyseed and his wife Lemongrass. What isn't advertised overseas is the curse that afflicts every migrant differently. The island also grants strange transmutational powers, allowing you to distill items into essence and craft new items like in Doodle God or My Little Inferno.

+

These are macro problems that can't be solved at the micro level. We can be good stewards over our little plot of Earth, though. To me, the best approach is to buy fewer but more practical things, get as many uses as possible out of what we have, and source the materials for new things from salvage. I'm not perfect, though. Sometimes, brand new polyester fabric really is what a design needs, and sometimes I get dazzled by the coolest buttons and forget to check their country of origin. Then I'm sure there's other severe issues completely unknown to me. Minizing my impact is the best I can do, honestly.


-

I'm making this game to learn more about Javascript, but I'm still in the very very very early stages. Read about my progress in my diary!

+

I make individual or small batches of my designs. I'd like to be able to digitize patterns and sell them, but for now, read about my collections in fashion.