diary and entry are functional
This commit is contained in:
chimchooree
@@ -0,0 +1,88 @@
|
||||
% rebase('frame.tpl')
|
||||
<div class="content-grid">
|
||||
|
||||
<div class="center">
|
||||
<div class="banner">
|
||||
<h1>Blessfrey Presskit</h1>
|
||||
</div>
|
||||
|
||||
<div class="textbox fact">
|
||||
<h2>Fact Sheet</h2>
|
||||
<ul>
|
||||
<li><b>Description:</b> Build synergies across your skillbar and team to survive the local downtown dungeon.</li>
|
||||
<li><b>Developer:</b> chimchooree, US indie dev</li>
|
||||
<li><b>Genre:</b> Singleplayer Action RPG</li>
|
||||
<li><b>Release Date:</b> Spring 2030</li>
|
||||
<li><b>Platforms:</b> Windows, Linux, HTML5 </li>
|
||||
<li><b>Engine:</b> Godot Engine</li>
|
||||
<li><b>Website:</b> blessfrey.me</li>
|
||||
<li><b>Price:</b> $874.99 USD</li>
|
||||
<li><b>Press Contact:</b> <a href="https://twitter.com/lilchimchooree">Twitter (@lilchimchooree)</a>, Discord (CustomsOfficer#3449)</li>
|
||||
<li><b>Social:</b> <a href="https://twitter.com/lilchimchooree">Twitter (@lilchimchooree)</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="textbox desc">
|
||||
<h2>Description</h2>
|
||||
<br>
|
||||
In active development, Blessfrey is the first commercial game by US-based indie game developer chimchooree. <br>
|
||||
<br>
|
||||
Blessfrey is a 2D action RPG set in a rural southern town riddled with secret tunnels and dungeons.
|
||||
The dual-class and skill systems are inspired by Guild Wars 1 and Magic: The Gathering and emphasize player skill, personal expression, and experimentation. Delve deeper under the town by discovering new skills, building synergies within your skillbar, and recruiting AI teammates. Bosses, puzzles, and a secret world await. <br>
|
||||
<br>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="textbox features">
|
||||
<h2>Features </h2>
|
||||
<ul>
|
||||
<li>Try tens of possible dual-class combinations</li>
|
||||
<li>Experiment with hundreds of skillbar combinations</li>
|
||||
<li>Freely relocate skill points and swap out skills in safe areas</li>
|
||||
<li>Learn new skills through themed exploration and gameplay. No skill shops nor UI skill trees</li>
|
||||
<li>Explore an underground world populated by fantasy races and an above ground rural town</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="textbox dev">
|
||||
<h2>Developer </h2>
|
||||
<br>
|
||||
Chimchooree has a programming and art background, studying both in school and at home since she was a kid. Her five favorite games are Oblivion (more as a hobby horse to endlessly write mods for than a game), Guild Wars 1, Arcanum, Divine Divinity, and Anachronox. Keep up with her activity on her <a href="/diary">dev diary</a> and <a href="https://twitter.com/lilchimchooree">Twitter</a>. <br>
|
||||
</div>
|
||||
|
||||
<div class="textbox videos"> </div>
|
||||
|
||||
<div class="textbox graphics">
|
||||
<h2>Graphics</h2>
|
||||
<br>
|
||||
<img src="/static/img/prom/BlessFREY_logo.png" alt="(link: BLESSFREY" class="logo"><br>
|
||||
<a target="_blank" href="/static/img/prom/godotengine.png">
|
||||
<img src="/static/img/prom/godotengine.png" alt="(image: screenshot of the godot editor">
|
||||
</a><br>
|
||||
</div>
|
||||
|
||||
<div class="textbox contact">
|
||||
<h2>Contact</h2>
|
||||
<br>
|
||||
Please message me on <a href="https://twitter.com/lilchimchooree">Twitter (@lilchimchooree) or Discord (CustomsOfficer#3449)</a>.
|
||||
</div>
|
||||
|
||||
<div class="textbox credits">
|
||||
<h2>Credits</h2>
|
||||
<ul>
|
||||
<li>Code: chimchooree</li>
|
||||
<li>Art: chimchooree</li>
|
||||
<li>Design: chimchooree</li>
|
||||
<li>Engine: Godot Engine</li>
|
||||
<li><a href="/credits">Full Credits</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="textbox permissions">
|
||||
<h2>Permission</h2>
|
||||
<br>
|
||||
Freely use all of the content on this page, even for commercial use, at your own risk. <br>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -0,0 +1,74 @@
|
||||
% rebase('frame.tpl')
|
||||
<div class="content-grid">
|
||||
|
||||
<div class="center">
|
||||
<h1>Credits</h1><br>
|
||||
<br>
|
||||
(all assets are placeholder)<br>
|
||||
<br>
|
||||
game + art by chimchooree<br>
|
||||
<br>
|
||||
game engine: godot engine<br>
|
||||
<br>
|
||||
visual dialogue (a dialogue tree plugin for godot) by chimchooree's husband <br>
|
||||
<br>
|
||||
background music: "straight" <br>
|
||||
Benjamin "Bensound" Tissot<br>
|
||||
https://www.bensound.com/royalty-free-music/track/straight<br>
|
||||
license: Creative Commons License<br>
|
||||
<br>
|
||||
background music: "energy" <br>
|
||||
Benjamin "Bensound" Tissot<br>
|
||||
https://www.bensound.com/royalty-free-music/track/energy<br>
|
||||
license: Creative Commons License<br>
|
||||
<br>
|
||||
background music: "save"<br>
|
||||
LokiF<br>
|
||||
https://opengameart.org/content/gui-sound-effects<br>
|
||||
license: Public Domain CC0<br>
|
||||
<br>
|
||||
door sound: "Abandoned Villa- Thailand! Door Knocker & Door Knocking Sound Effects"<br>
|
||||
freetousesounds https://freetousesounds.bandcamp.com/album/abandoned-villa-thailand-door-knocker-door-knocking-sound-effects<br>
|
||||
license: Attribution 3.0 Unported (CC BY 3.0) <br>
|
||||
<br>
|
||||
click sound: "Click 1" from the UI SFX set<br>
|
||||
Kenney Vleugels<br>
|
||||
https://www.kenney.nl/assets/ui-audio<br>
|
||||
license: Public Domain CC0<br>
|
||||
<br>
|
||||
wrong sound: "Wrong 02"<br>
|
||||
https://www.noiseforfun.com/2012-sound-effects/wrong-02/<br>
|
||||
license: CC-BY-ND 3.0 Attribution license<br>
|
||||
<br>
|
||||
skill failure sound: "Negative" from the GUI Sound Effects set<br>
|
||||
LokiF<br>
|
||||
https://opengameart.org/content/gui-sound-effects<br>
|
||||
license: Public Domain CC0<br>
|
||||
<br>
|
||||
appraise sound: "Shimmer Glimmer Magic"<br>
|
||||
The Berklee College of Music <br>
|
||||
submitted to Open Game Art by qubodup<br>
|
||||
https://opengameart.org/content/shimmer-glitter-magic<br>
|
||||
license: CC-BY 3.0<br>
|
||||
<br>
|
||||
summon sound: "Elemental Spell"<br>
|
||||
Iwan "qubodup" Gabovitch<br>
|
||||
https://opengameart.org/content/elemental-spell<br>
|
||||
license: CC Attribution-ShareAlike 3.0 Unported<br>
|
||||
Copyright 2012 Iwan 'qubodup' Gabovitch http://qubodup.net qubodup@gmail.com | License: CC Attribution-ShareAlike 3.0 Unported http://creativecommons.org/licenses/by-sa/3.0/<br>
|
||||
<br>
|
||||
bingo win sound: "Positive"<br>
|
||||
Lokif<br>
|
||||
https://opengameart.org/content/gui-sound-effects<br>
|
||||
license: Public Domain CC0<br>
|
||||
<br>
|
||||
font: JFドットjiskan16 (JF Dot Jiskan16)<br>
|
||||
Sony Corp<br>
|
||||
http://jikasei.me/font/jf-dotfont/<br>
|
||||
license: Public Domain, stored in art/Fonts/Documentation/JF Dot Jiskan16/readme.txt<br>
|
||||
<br>
|
||||
font: pixel joy<br>
|
||||
chimchooree<br>
|
||||
https://fontstruct.com/fontstructions/show/1596262/pixel-joy <br>
|
||||
license: Public Domain<br></div>
|
||||
</div>
|
||||
+4
-3
@@ -33,7 +33,7 @@
|
||||
|
||||
<div class="system" id="system">
|
||||
<div class="center"><h2>system</h2>
|
||||
<p>Blessfrey is an action rpg with a dual-job system which will determine the skill pool from which you will build your skillbar. Your AI companions will have skillbars of their own to edit, so think in terms of teams in order to defeat bosses and solve puzzles. Barely any class progression decisions are permanent, so you can experiment and express your playstyle. <br></p>
|
||||
<p>Blessfrey is a 2D action rpg with a dual-job system which will determine the skill pool from which you will build your skillbar. Your AI companions will have skillbars of their own to edit, so think in terms of teams in order to defeat bosses and solve puzzles. Barely any class progression decisions are permanent, so you can experiment and express your playstyle. <br></p>
|
||||
<br>
|
||||
<h3>jobs </h2>
|
||||
<p>Blessfrey jobs are equivalent to RPG classes. Your first job is a permanent decision which you will make early in gameplay. You will be able to unlock the rest and more during gameplay as side gigs. You can only have one side gig at a time, but you can always swap it outside of combat areas. <br></p>
|
||||
@@ -64,7 +64,7 @@
|
||||
|
||||
<div class="characters" id="characters">
|
||||
<div class="center"><h2>characters</h2>
|
||||
<p><b><a href="/char/Helia">Helia</a></b> (-/-) - The player character! Almost every job is available to her. Where she comes from, combat training is unheard of, so she's a blank slate. Her reasons for suddenly moving countries by herself at the end of a schoolyear are filled with holes, so rumors spread ahead of her arrival. Barely anyone moves to Lucrest, though, so most people are excited to meet the new girl. <br></p>
|
||||
<p><b><a href="/char/Helia">Helia</a></b> (?/?) - The player character! Almost every job is available to her. Where she comes from, combat training is unheard of, so she's a blank slate. Her reasons for suddenly moving countries by herself at the end of a schoolyear are filled with holes, so rumors spread ahead of her arrival. Barely anyone moves to Lucrest, though, so most people are excited to meet the new girl. <br></p>
|
||||
<br>
|
||||
<p><b><a href="/char/Angel">Angel</a></b> (Weaponmaster/Hacker) - Her real name's Miriam, but it sounds too frumpy, so please call her Angel. She is a naturally gifted with heavy blades and participates in a competitive swordsman league, but she usually comes across as friendly if not a little absent-minded. Computers interest her deeply, so she always has tinkering away with some new gadget or software. <br></p>
|
||||
<br>
|
||||
@@ -81,8 +81,9 @@
|
||||
|
||||
<div class="info" id="info">
|
||||
<div class="center"><h2>info</h2>
|
||||
<p>Blessfrey is a PC game that will be playable in at least Windows, Linux, and HTML5. I'm going to sell it on Steam and wherever else lets me list it. It's being developed by me (chimchooree) in Godot Engine with original writing and art, though I'll need help with music and SFX eventually. My husband also helps sometimes, especially with writing plug-ins for the engine.♡ <br></p>
|
||||
<p>Blessfrey is a singleplayer action RPG game that will be playable in at least Windows, Linux, and HTML5. I'm going to sell it on Steam and wherever else lets me list it. It's being developed by me (chimchooree) in Godot Engine with original writing and art, though I'll need help with music and SFX eventually. My husband also helps sometimes, especially with writing plug-ins for the engine.♡ The full credits are available on the <a href="/credits">credits page</a>.<br></p>
|
||||
<br>
|
||||
<h2>timeline</h2>
|
||||
<p>Legless the Cat is the first demo. It has nothing to do with the game, but it's an important exercise for exporting and embedding an HTML5 game. I'd hate to make a sophisticated game over multiple years and be too inexperienced to actually share it with anyone. It also lets my kitty be in his own videogame! So cute. <br></p>
|
||||
<br>
|
||||
<p>As for the first real demo, I am currently creating a vertical slice of the game, focusing on a robust presentation of the skill system. This demo will be more of a tech demo than a game. It will feature 3 demo areas, and you will receive a bingo card directing you to try a smattering of what the full game will have to offer. <br></p>
|
||||
|
||||
@@ -0,0 +1,49 @@
|
||||
<!--right column-->
|
||||
<div class="sidebar">
|
||||
<div class="about-box">
|
||||
<h2>about</h2>
|
||||
<b>Blessfrey</b> is a 2D action RPG developed for PC in Godot Engine. <br>
|
||||
<br>
|
||||
Edit your skillbar from hundreds of skills to fight enemies, solve puzzles, + explore. <br>
|
||||
<br>
|
||||
Inspired by Guild Wars 1 and Magic: The Gathering. <br>
|
||||
</div>
|
||||
|
||||
<div class="twitter-box">
|
||||
<h2>chat</h2>
|
||||
Twitter: <a href="https://twitter.com/lilchimchooree">@lilchimchooree</a><br>
|
||||
<br>
|
||||
<a href="/contact" rel="nofollow">contact me</a><br>
|
||||
</div>
|
||||
|
||||
<div class="latest">
|
||||
<h2>latest</h2>
|
||||
<div class="latest-text">
|
||||
<ul>
|
||||
% if len(latest) > 0:
|
||||
% print(str(len(latest)))
|
||||
% for l in latest:
|
||||
<li>	<a href=/{{l[0]}} rel="nofollow">{{!l[1]}}</a></li>
|
||||
% end
|
||||
% end
|
||||
</ul>
|
||||
<br>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="wordcloud">
|
||||
<h2>cloud</h2>
|
||||
% for t in tags:
|
||||
% tagless = t.replace('#','')
|
||||
<a href=/diary/tag/{{tagless}}>{{t}}</a>
|
||||
% end
|
||||
</div>
|
||||
|
||||
<div class="disclosure">
|
||||
<br>Blessfrey.me is not using sponsored posts or affiliate links. <br>
|
||||
<br>
|
||||
Blessfrey.me is not collecting personal information + has no cookies. <br>
|
||||
<br>
|
||||
Thank you for following the development of Blessfrey. <br>
|
||||
</div>
|
||||
</div>
|
||||
+16
-20
@@ -1,9 +1,8 @@
|
||||
% rebase('frame.tpl')
|
||||
% import re
|
||||
% rebase('frame.tpl')
|
||||
% import re
|
||||
<div class="content-grid">
|
||||
|
||||
<div class="diary-dir top">
|
||||
<center>
|
||||
% max_pages = int((total - 1) / limit)
|
||||
<%
|
||||
# page never below 0
|
||||
@@ -18,18 +17,18 @@
|
||||
<div class="diary-dir-left">
|
||||
% # << is always active link pointing to 0
|
||||
<a href=/diary/0>
|
||||
<img src="/static/img/btn/nav_ll.png" alt="<<" width="33" height="29">
|
||||
<img src="/static/img/dia/nav_ll.png" alt="<<">
|
||||
</a>
|
||||
|
||||
% # < points to 0 if page 0 or below
|
||||
% if page <= 0:
|
||||
<a href=/diary/0>
|
||||
<img src="/static/img/btn/nav_l.png" alt="<" width="27" height="29">
|
||||
<img src="/static/img/dia/nav_l.png" alt="<">
|
||||
</a>
|
||||
% # < points to previous page otherwise
|
||||
% else:
|
||||
<a href=/diary/{{page - 1}}>
|
||||
<img src="/static/img/btn/nav_l.png" alt="<" width="27" height="29">
|
||||
<img src="/static/img/dia/nav_l.png" alt="<">
|
||||
</a>
|
||||
% end
|
||||
</div>
|
||||
@@ -73,28 +72,27 @@
|
||||
% # > points to max if page is at or above maximum
|
||||
% if page >= max_pages:
|
||||
<a href=/diary/{{max_pages}}>
|
||||
<img src="/static/img/btn/nav_r.png" alt=">" width="27" height="29">
|
||||
<img src="/static/img/dia/nav_r.png" alt=">">
|
||||
</a>
|
||||
% # > point to next page otherwise
|
||||
% else:
|
||||
<a href=/diary/{{page + 1}}>
|
||||
<img src="/static/img/btn/nav_r.png" alt=">" width="27" height="29">
|
||||
<img src="/static/img/dia/nav_r.png" alt=">">
|
||||
</a>
|
||||
% end
|
||||
|
||||
% # >> is always active link to maximum page
|
||||
<a href=/diary/{{max_pages}}>
|
||||
<img src="/static/img/btn/nav_rr.png" alt=">>" width="33" height="29">
|
||||
<img src="/static/img/dia/nav_rr.png" alt=">>">
|
||||
</a>
|
||||
</div>
|
||||
</center>
|
||||
</div>
|
||||
|
||||
<div class="diary-pages">
|
||||
% for s in snippets[page * limit:page * limit + limit]:
|
||||
<div class="snippet">
|
||||
<div class="snippet-title">
|
||||
<a href={{s[3]}} rel="nofollow"><h1>{{!s[0]}}</h1></a>
|
||||
<a href={{s[3]}} rel="nofollow"><h2>{{!s[0]}}</h2></a>
|
||||
</div>
|
||||
<div class="date-line">
|
||||
<b>chimchooree</b>
|
||||
@@ -118,7 +116,7 @@
|
||||
</div>
|
||||
<div class="snippet-link">
|
||||
<a href={{s[3]}}>
|
||||
<img src="/static/img/btn/diaryreadmore.png" alt="read more" width="99" height="84">
|
||||
<img src="/static/img/dia/diaryreadmore.png" alt="read more">
|
||||
</a>
|
||||
</div>
|
||||
<div class="snippet-bottom">
|
||||
@@ -130,7 +128,6 @@
|
||||
% include diary-boxes.tpl
|
||||
|
||||
<div class="diary-dir bottom">
|
||||
<center>
|
||||
% max_pages = int((total - 1) / limit)
|
||||
<%
|
||||
# page never below 0
|
||||
@@ -145,18 +142,18 @@
|
||||
<div class="diary-dir-left">
|
||||
% # << is always active link pointing to 0
|
||||
<a href=/diary/0>
|
||||
<img src="/static/img/btn/nav_ll.png" alt="<<" width="33" height="29">
|
||||
<img src="/static/img/dia/nav_ll.png" alt="<<">
|
||||
</a>
|
||||
|
||||
% # < points to 0 if page 0 or below
|
||||
% if page <= 0:
|
||||
<a href=/diary/0>
|
||||
<img src="/static/img/btn/nav_l.png" alt="<" width="27" height="29">
|
||||
<img src="/static/img/dia/nav_l.png" alt="<">
|
||||
</a>
|
||||
% # < points to previous page otherwise
|
||||
% else:
|
||||
<a href=/diary/{{page - 1}}>
|
||||
<img src="/static/img/btn/nav_l.png" alt="<" width="27" height="29">
|
||||
<img src="/static/img/dia/nav_l.png" alt="<">
|
||||
</a>
|
||||
% end
|
||||
</div>
|
||||
@@ -201,20 +198,19 @@
|
||||
% # > points to max if page is at or above maximum
|
||||
% if page >= max_pages:
|
||||
<a href=/diary/{{max_pages}}>
|
||||
<img src="/static/img/btn/nav_r.png" alt=">" width="27" height="29">
|
||||
<img src="/static/img/dia/nav_r.png" alt=">">
|
||||
</a>
|
||||
% # > point to next page otherwise
|
||||
% else:
|
||||
<a href=/diary/{{page + 1}}>
|
||||
<img src="/static/img/btn/nav_r.png" alt=">" width="27" height="29">
|
||||
<img src="/static/img/dia/nav_r.png" alt=">">
|
||||
</a>
|
||||
% end
|
||||
% # >> is always active link to maximum page
|
||||
<a href=/diary/{{max_pages}}>
|
||||
<img src="/static/img/btn/nav_rr.png" alt=">>" width="33" height="29">
|
||||
<img src="/static/img/dia/nav_rr.png" alt=">>">
|
||||
</a>
|
||||
</div>
|
||||
</center>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
@@ -0,0 +1,200 @@
|
||||
.diary-entry {
|
||||
grid-area: 3 / 2 / 4 / 3;
|
||||
margin-top: 40px;
|
||||
margin-bottom: 30px;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
.diary-title {
|
||||
background-color: #486438;
|
||||
border-top-left-radius: 25px;
|
||||
border-top-right-radius: 25px;
|
||||
color: #e6e8ef;
|
||||
padding: 10px;
|
||||
padding-top: 55px;
|
||||
padding-bottom: 25px;
|
||||
font-size: 25px;
|
||||
text-align: center;
|
||||
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;
|
||||
}
|
||||
.date-line {
|
||||
padding: 10px;
|
||||
background-color: #1c2628;
|
||||
color: #aaa39d;
|
||||
text-align: center;
|
||||
}
|
||||
.diary-content {
|
||||
background-color: #ecd5d2;
|
||||
color: #080410;
|
||||
text-indent: 50px;
|
||||
padding: 15px;
|
||||
padding-top: 25px;
|
||||
}
|
||||
.diary-content img {
|
||||
display: block;
|
||||
margin-top: 25px;
|
||||
margin-bottom: 0px;
|
||||
margin-left: 0px;
|
||||
}
|
||||
.diary-content h2 {
|
||||
margin-top: 25px;
|
||||
margin-bottom: 15px;
|
||||
text-indent: 0px;
|
||||
}
|
||||
.diary-content h3 {
|
||||
margin-top: 25px;
|
||||
margin-bottom: 0px;
|
||||
text-indent: 0px;
|
||||
}
|
||||
.diary-content h4 {
|
||||
margin-top: 25px;
|
||||
margin-bottom: 0px;
|
||||
text-indent: 0px;
|
||||
}
|
||||
.diary-tags {
|
||||
background-color: #1c2628;
|
||||
padding: 10px;
|
||||
font-size: 15px;
|
||||
}
|
||||
.diary-tag {
|
||||
background-color: #b9b4af;
|
||||
border-radius: 25px;
|
||||
padding: 3px;
|
||||
padding-left: 4px;
|
||||
padding-right: 4px;
|
||||
color: #1c2628;
|
||||
font-size: 15px;
|
||||
font-weight: bold;
|
||||
display: inline-block;
|
||||
}
|
||||
.share-links {
|
||||
background-color: #1c2628;
|
||||
color: #aaa39d;
|
||||
padding-top: 25px;
|
||||
padding-bottom: 25px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
grid-area: 3 / 3 / 5 / 4;
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
grid-template-rows: repeat(4, auto);
|
||||
grid-column-gap: 0px;
|
||||
grid-row-gap: 0px;
|
||||
align-content: start;
|
||||
padding-left: 7px;
|
||||
margin-top: 40px;
|
||||
}
|
||||
.sidebar a:link {
|
||||
color: #213021;
|
||||
}
|
||||
.sidebar a:hover {
|
||||
color: #486438;
|
||||
}
|
||||
.sidebar a:visited {
|
||||
color: #213021;
|
||||
}
|
||||
.sidebar a:active {
|
||||
color: #945634;
|
||||
}
|
||||
.about-box {
|
||||
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;
|
||||
}
|
||||
.disclosure {
|
||||
grid-area: 4 / 1 / 5 / 2;
|
||||
border-radius: 25px;
|
||||
background-color: #95939F;
|
||||
color: #111718;
|
||||
text-align: center;
|
||||
margin: 15px;
|
||||
padding: 5px;
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
|
||||
.recommend {
|
||||
grid-area: 4 / 2 / 5 / 3;
|
||||
background-color: #080410;
|
||||
color: #F9B3D7;
|
||||
display: grid;
|
||||
grid-template-columns: auto auto auto;
|
||||
grid-template-rows: auto auto;
|
||||
grid-column-gap: 0px;
|
||||
grid-row-gap: 0px;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.more {
|
||||
grid-area: 1 / 1 / 2 / 4;
|
||||
background-color: #486438;
|
||||
border-radius: 25px;
|
||||
padding: 5px;
|
||||
text-align: center;
|
||||
color: #080410;
|
||||
}
|
||||
|
||||
|
||||
.rec-box { grid-area: 2 / 2 / 3 / 3; }
|
||||
|
||||
.snip {
|
||||
width: 150px;
|
||||
float: left;
|
||||
margin: 30px;
|
||||
background-color: #95939f;
|
||||
border-radius: 25px;
|
||||
padding: 20px;
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
}
|
||||
.snip a {
|
||||
color: #080410;
|
||||
}
|
||||
.snip a:hover {
|
||||
color: #404664;
|
||||
}
|
||||
.snip a:visited {
|
||||
color: #080410;
|
||||
}
|
||||
.snip a:active {
|
||||
color: #404664;
|
||||
}
|
||||
@@ -0,0 +1,52 @@
|
||||
% rebase('frame.tpl')
|
||||
<!--left column-->
|
||||
|
||||
<div class="diary-entry">
|
||||
<div class="diary-title">
|
||||
{{!entry[0]}}
|
||||
</div>
|
||||
<div class="date-line">
|
||||
chimchooree ❤ {{!entry[2]}}
|
||||
</div>
|
||||
<div class="diary-content">
|
||||
{{!entry[1]}}
|
||||
</div>
|
||||
<div class="diary-tags">
|
||||
% if len(entry[5]) >= 1:
|
||||
<div class=diary-tags>
|
||||
% for t in entry[5]:
|
||||
<div class="diary-tag">
|
||||
% tagless = t.replace('#', '')
|
||||
<a href=/diary/tag/{{tagless}}>{{t}}</a>
|
||||
</div>
|
||||
% end
|
||||
</div>
|
||||
% end
|
||||
</div>
|
||||
<hr>
|
||||
<div class="share-links">
|
||||
|
||||
</div>
|
||||
<br>
|
||||
</div>
|
||||
|
||||
% include diary-boxes.tpl
|
||||
|
||||
<div class="recommend">
|
||||
% if len(recommends) > 0:
|
||||
<div class="more"><h1>more like this...</h1></div>
|
||||
% end
|
||||
<div class="rec-box">
|
||||
% if len(recommends) > 0:
|
||||
% for s in recommends:
|
||||
<div class="snip">
|
||||
<div class="snippet-title">
|
||||
<a href=/{{s[1]}} rel="nofollow"><b>{{!s[0]}}</b></a>
|
||||
</div>
|
||||
</div>
|
||||
% end
|
||||
% end
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer-row"> </div>
|
||||
+51
-12
@@ -19,7 +19,7 @@
|
||||
For the capsule collection, I immortalized my favorite old clothes as reverse-engineered patterns. With the original garments, I am creating clothes that are finally <i>me</i> but flavoring them with discordant sources of inspiration and sentimentality. I take each design's name from scattered memories. <br></p>
|
||||
<br>
|
||||
<hr>
|
||||
<img src="/static/img/fash/hikari.png" alt="(link: home)">
|
||||
<img src="/static/img/fash/churchgirls+animalparade/hikari.png" alt="(link: home)">
|
||||
<div class="caption">(Hikari from Harvest Moon: Animal Parade, snapped from a <a href="https://www.youtube.com/watch?v=bNi5A047aoo&list=PLqNTe2pSF5Fr3JdFjksSbq0p4KtbcL9Fz">NaVi（ナビ） YouTube video</a>)</div>
|
||||
<p>I wasn't prepared to unlock a 00s fashion time capsule when I found a copy of <b>Animal Parade</b>. It's not like Hikari epitomizes the era and I never liked that style back then, but her cami layered over a basic tee and bulky cargo pockets has a hold over me. It's a mix of fresh and nostalgic. It brought to mind some of the silly and hyper-girly outfits Hillary Duff wore. She wore layers and comfy cottons all the time, too. Maybe people would cringe at her old outfits, but they were undeniably fun. <br></p>
|
||||
<br>
|
||||
@@ -48,19 +48,58 @@ Weeping may tarry for the night,
|
||||
</div>
|
||||
|
||||
<div class="gallery" id="gallery">
|
||||
<a target="_blank" href="/static/img/fash/churchgirls+animalparade/capsulewardrobe_sketches2.png" alt="(image: a bomber jacket with a luminous light pink polyester and a gray, beige, and light brown lace, a bodice with a white bamboo viscose with pink cherry blossoms and blue birds, a kimono with black inky block batiste, a button-down short sleeve shirt with shank buttons, black piping, and a beetle print, and a mock turtleneck with thumbholes and a metallic foil knit)">>
|
||||
<img src="/static/img/fash/churchgirls+animalparade/capsulewardrobe_sketches2.png" alt="(image: a bomber jacket with a luminous light pink polyester and a gray, beige, and light brown lace, a bodice with a white bamboo viscose with pink cherry blossoms and blue birds, a kimono with black inky block batiste, a button-down short sleeve shirt with shank buttons, black piping, and a beetle print, and a mock turtleneck with thumbholes and a metallic foil knit)">
|
||||
</a><br>
|
||||
<b>Bomber</b>: I've had a favorite light rayon bomber jacket for 10 years, but it's wearing out and has some weird bleach stains. This is basically a knockoff of a <a href="https://www.ebay.com/itm/124967194636?hash=item1d18a0100c:g:1K8AAOSw7PdhctB3">BB Dakota design</a>. This one is a shiny pink polyester (a lustrous exception to my natural fiber rule) with multicolored lace trim, a metal zipper, and a beige drawstring. I think I can keep the old BBD jacket, too, but it needs embroidery or appliques over the stains. <br>
|
||||
<br>
|
||||
<b>Bodice</b>: This is a light layering top made from batiste. It will have ruffles at the shoulders and long straps from the waist to wrap around and tie in a bow. <br>
|
||||
<br>
|
||||
<b>Kimono</b>: I have a favorite purple floral chiffon kimono that has a fraying seam. After three repairs, it needs a semi-retirement. This design but with rayon batiste and a dark inky print...if Mood ever restocks the Penitentiary Block print! <br>
|
||||
<br>
|
||||
<b>泣き虫 (Cry Bug)</b>: An oversized poplin button-down with short sleeves and an oversized beetle print. It has black piping along seams, a pocket, and black glass shank buttons. The fit is meant to resemble your dad's shirt where the short sleeves come down too far, the armholes are too deep, and the pocket is too big, but the collar and length will be appropriately proportioned for me. It's white with an oversized print that visually plays up the unusually large proportions of the shirt. The piping and glass shank buttons remain the correct proportions, though. <br>
|
||||
<br>
|
||||
<b>Mock Turtle</b>: There's three light mock turtlenecks. This is my favorite staple, but I lost my charcoal gray one 2 moves ago. (RIP) One will be a foil knit with thumbholes, one is a striped knit, and one is a 4x2 rib knit. <br>
|
||||
<br><br>
|
||||
|
||||
<a target="_blank" href="/static/img/fash/churchgirls+animalparade/capsulewardrobe_sketches1.png">
|
||||
<img src="/static/img/fash/churchgirls+animalparade/capsulewardrobe_sketches1.png" alt="(image: A mock turtleneck with gray and white horizontal striped tissue knit, a mock turtleneck with 4x2 black rib knit, pants with seagrass green, brown, and tan plaid linen, a pair of shorts with natural linen with white, lime, and orange stripes and a multicolor fringe ribbon in mint, baby pink, brown, neon coral, baby blue, and straw, and a pair of cuffed shorts with a bow belt in dragon fruit printed linen.)" width="500">
|
||||
</a><br>
|
||||
<b>Pants</b>: Straight-legged plaid linen pants with a fly-front closure, belt loops, side pockets, and blind hems. Linen feels great in the summer and lends itself to a well-tailored staple. <br>
|
||||
<br>
|
||||
<b>Shorts</b>: Two pairs of linen shorts, one with stripes and striped fringe ribbon trim and the other with a dragon fruit print and cuffs and a bow belt. <br>
|
||||
<br><br>
|
||||
<a target="_blank" href="/static/img/fash/churchgirls+animalparade/capsulewardrobe_sketches3.png">
|
||||
<img src="/static/img/fash/churchgirls+animalparade/capsulewardrobe_sketches3.png" alt="(image: a one piece long sleeve swimsuit with a mock turtleneck, an obi belt, three ruffles over the hips, and shorts, a yukata-style pajama set with bishop sleeves and berry red piping and dawn blue jacquard, and a pajama set with gathered sleeves, a gathered empire-waisted top, and gathered shorts with a sailor color and oversized rick rack trim and dark blue jacquard fabric with white bow print. )" width="500">
|
||||
</a><br>
|
||||
<b>Swimsuit</b>: The one piece swimsuit is made out of pastel seafoam and pink neoprene with pops of sulfurous yellow in an abstract swampy design. I actually lived around wetlands for most of my life, so it's cool to see a wetlands design instead of another tropical beach or flowering meadow print. It has long sleeves, a mock turtleneck, and an invisible zipper at the center back. The focus is the obi belt made from a contrasting black neoprene. There are three panel-and-tier ruffles over the bottom to give some illusion of volume against the closely-fitted belt and top without adding more unnecessary bulk. I'm not 100% on materials yet and may need to bring in a thinner swimwear tricot for the layers. <br>
|
||||
<br>
|
||||
<b>Pajama sets</b>: The pajamas are not my design. They are basically knock-offs from Yahoo! Japan shopping, since I don't feel like importing mall-tier pajamas. (The originals are <a href="https://store.shopping.yahoo.co.jp/open-clothes/xkunken-aihyx401.html?sc_i=shp_pc_search_itemlist_shsrg_img">Japanese-style yukata-style long sleeve pajama set for spring and fall</a> from <a href="https://store.shopping.yahoo.co.jp/open-clothes/">OPEN-CLOTHES</a> and <a href="https://store.shopping.yahoo.co.jp/kittyshop/lh20051312.html">summer pajama set for ladies in their 20s with flared collar and cute short sleeves</a> from <a href="https://shopping.geocities.jp/kittyshop/">kittyshop</a>.) The only real design change is using oversized rick rack instead of ruffles on that second set. Pajamas are the most pressing sartorial area in my life in which I need a self-assertion. People like to gift me pajamas, but they always ask me my size then buy a size or two down. Why won't anyone believe I'm not an XS! The one time I got something that fit, it was unwearably heavy fleece for my year-round hot climate. I don't want to be ungrateful or wasteful, though, so I've either crammed myself into tiny pajamas or sweated since I was little. That's so silly, especially now that I'm an adult. There's beautiful but unused jacquard fabric hanging in my closet. There's nothing stopping me from turning it into cute Japanese jacquard pajamas that actually fit. <br>
|
||||
<br>
|
||||
<h2>pattern-making and sewing so far</h2>
|
||||
I'm working on the 泣き虫 button-down shirt first, but while waiting for the buttons to arrive, I went ahead and got one version of the mock turtleneck pattern done. <br>
|
||||
<br>
|
||||
<a target="_blank" href="/static/img/fash/churchgirls+animalparade/capsulewardrobe_nakimushi_pattern.png">
|
||||
<img src="/static/img/fash/churchgirls+animalparade/capsulewardrobe_nakimushi_pattern.png" alt="(image: pattern pieces for the button-down shirt and a ruler and curve tool. )" width="500">
|
||||
</a><br>
|
||||
<a target="_blank" href="/static/img/fash/churchgirls+animalparade/capsulewardrobe_mockturtle_pattern.png">
|
||||
<img src="/static/img/fash/churchgirls+animalparade/capsulewardrobe_mockturtle_pattern.png" alt="(image: pattern pieces for the button-down shirt and a ruler and curve tool. )" width="500">
|
||||
</a><br>
|
||||
I'm in the middle of sewing the button-down. The sleeves are cuffed and reinforced with interfacing (finally available again after the early pandemic mask-making frenzy) and decorated with the piping. Next, I'll set the sleeves in and work on the button placard. <br>
|
||||
<br>
|
||||
<a target="_blank" href="/static/img/fash/churchgirls+animalparade/capsulewardrobe_nakimushi.png">
|
||||
<img src="/static/img/fash/churchgirls+animalparade/capsulewardrobe_nakimushi.png" alt="(image: incomplete button-down shirt with disconnected sleeves. )" width="500">
|
||||
</a><br>
|
||||
</div>
|
||||
|
||||
<div class="designer" id="designer">
|
||||
Here's a random list of steps I take: <br></p>
|
||||
<h2>designer</h2>
|
||||
<p>I'm chimchooree! I love the full process of apparel construction, but pattern-making has always been my favorite. Like any designer, I view fashion in terms of defining the problem and solving it. The creative side of my designs are led by meaningful themes, selecting for having relevance to both the temporal and metaphoric season I'm in, diverse concepts to draw from, and a consistent core to tie everything together. <br></p>
|
||||
<br>
|
||||
<h3>design statement</h3>
|
||||
<p>The best clothes might very well be the ones you already own. We are called to be good stewards of the earth, so I encourage you to have your clothes repaired, altered, or customized whenever possible. <br></p>
|
||||
<br>
|
||||
<ul>
|
||||
<li>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. </li>
|
||||
<li>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. </li>
|
||||
<li>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. </li>
|
||||
<li>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 <i>so</i> tempting... </li>
|
||||
<li>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! </li>
|
||||
<li>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. </li>
|
||||
<li>
|
||||
</div>
|
||||
</div>
|
||||
<p>But if I'm going to make new clothes, I'm going to design them to be irreplaceable. They will be thoughtfully designed and made with professionalism, personality, comfort, and durability in mind. I shoot for daywear that handles being thrown in a washing machine no problem, and try to keep my designs easy to alter. <br></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user