Cutieguwu/cutieguwu-site
1
0
Fork 0
Code Issues 10 Pull Requests Projects 1 Releases Activity

Compare commits

base: Cutieguwu:2fcc4307adcda72586b4528223e408b7d327f277
Branches Tags
Cutieguwu:v2.0.0-alpha Cutieguwu:main
..
compare: Cutieguwu:55ced0093cd9b48a94ce1c2207aeb6710b2e75c0
Branches Tags
Cutieguwu:v2.0.0-alpha Cutieguwu:main

10 Commits
2fcc4307ad ... 55ced0093c

Author SHA1 Message Date
Cutieguwu
55ced0093c Add blog to website. 2025-07-29 21:24:33 -04:00
Cutieguwu
8c8fd1eac6 Update .gitignore 2025-07-29 17:55:18 -04:00
Cutieguwu
d1fbb7bc01 Update _pane_error.scss 2025-07-29 17:55:00 -04:00
Cutieguwu
cdd5a3f4c4 Make tailer an Include. 2025-07-29 17:54:42 -04:00
Cutieguwu
a9d1d47f5d Break out Chunk Lists. 2025-07-29 17:54:01 -04:00
Cutieguwu
28c9f10d6d Fix some CSS disasters related to the tailer, Split out some common 
components.
 2025-07-25 14:51:58 -04:00
Cutieguwu
1cc37c5b60 Add Tailers to other pages. 2025-07-25 12:40:26 -04:00
Cutieguwu
bf3d5c673e Fix footer bounds, Fix nav position. 2025-07-25 12:39:58 -04:00
Cutieguwu
4fce30b341 Indicate default colour scheme for site on all elements. 2025-07-25 11:43:11 -04:00
Cutieguwu
b6b7690e22 Add Copyright tailer. 2025-07-25 11:38:34 -04:00
38 changed files with 1003 additions and 344 deletions
Expand all files Collapse all files

1
.gitignore vendored
View File

@@ -1 +1,2 @@
**/target **/target
src/resume.html

2
build.sh
View File

@@ -26,6 +26,7 @@ do
files=(`ls src/*.html`) files=(`ls src/*.html`)
files+=(`ls src/errors/*.html`) files+=(`ls src/errors/*.html`)
files+=(`ls src/blog/*.html`)
for html in "${files[@]}" for html in "${files[@]}"
do do
@@ -41,6 +42,7 @@ do
files=( files=(
'style' 'style'
'errors/style' 'errors/style'
'blog/style'
) )
for stylesheet in "${files[@]}" for stylesheet in "${files[@]}"

15
src/acknowledgements.html
View File

@@ -17,12 +17,15 @@
<include src="includes/nav_quick_links.html" /> <include src="includes/nav_quick_links.html" />
</nav> </nav>
<div class="pane_main"> <div class="pane_main">
<p>There are currently no acknowledgements</p> <div class="main_body">
<p>In terms of security, hopefully that means I'm doing a good-ish job.</p> <p>There are currently no acknowledgements</p>
<p> <p>In terms of security, hopefully that means I'm doing a good-ish job.</p>
I will get my thanks to various open projects in here in time, but I'm still <p>
busy getting the basics handled. I will get my thanks to various open projects in here in time, but I'm still
</p> busy getting the basics handled.
</p>
</div>
<include src="includes/tailer.html" />
</div> </div>
<div class="pane_spacer"> <div class="pane_spacer">
<div class="spacer_container"><p>#AD</p></div> <div class="spacer_container"><p>#AD</p></div>

35
src/blog.html Normal file
View File

@@ -0,0 +1,35 @@
<!doctype html>
<html lang="en-ca">
<head>
<title>Blog | Cutieguwu</title>
<include src="includes/meta.html" />
</head>
<body>
<div class="viewport">
<nav class="pane_nav">
<include src="includes/nav_logo.html" />
<include src="includes/nav_menu.html" />
<div class="location">
<h4 class="location_header">You are here:</h4>
<h5 class="location_page">Blog</h5>
</div>
<include src="includes/nav_quick_links.html" />
</nav>
<div class="pane_main">
<div class="main_body">
<h1>Blog</h1>
<h2>I have an RSS feed!</h2>
<p>Just look for the RSS Quick Link in the Navigation pane.</p>
</div>
<include src="includes/tailer.html" />
</div>
<div class="pane_spacer">
<include src="./includes/blog_recent_posts.html" />
<div class="spacer_container"><p>#AD</p></div>
</div>
</div>
<include src="includes/footer.html" />
<include src="includes/scripts.html" />
</body>
</html>

126
src/blog/0_divergent_pathways.html Normal file
View File

@@ -0,0 +1,126 @@
<!doctype html>
<html lang="en-ca">
<head>
<title>Divergent Pathways | Cutieguwu</title>
<include src="includes/meta.html" />
</head>
<body>
<div class="viewport">
<nav class="pane_nav">
<include src="includes/nav_logo.html" />
<include src="includes/nav_menu.html" />
<div class="location">
<h4 class="location_header">You are here:</h4>
<h5 class="location_page">Blog - Divergent Pathways</h5>
</div>
<include src="includes/nav_quick_links.html" />
</nav>
<div class="pane_blog">
<div class="blog_body">
<div class="header">
<h1 class="title">Divergent Pathways</h1>
<p class="date">Posted: 29 July, 2025</p>
<p class="date">Last Edited: 29 July, 2025</p>
</div>
<div class="body">
<p>I can't say that this is how I wanted to start my blog.</p>
<p>
Although, in all honesty, I didn't really have an idea for how I wanted
it to start. That's not to say I didn't know what I *didn't* want. A
meaningless 'Welcome to my Blog' filled with my hopes and aspirations
that inevitably would never come to light was something I knew I didn't
want. I figured it more likely for me to have a semi-respectful rant
about whatever's causing me to 'crash out' on that particular day. That
would certainly be in character for me.
</p>
<p>
But no. Instead, I'm starting my blog on one of the last things I ever
expected to write about.
</p>
<p>Love.</p>
<p>Or rather, the passing of it due to life.</p>
<p>
I've been in two relationships now. Both ended mutually, although what I
consider mutual may not be everyone else's. We came to see the same side
of things, and we understood that we couldn't sustain our lives
together. We're all still friends at the end.
</p>
<p>
Me and my ex-boyfriend were struggling a lot with being able to see each
other. It's not like this relationship was geographically long distance;
we went to the same school. The distance came more from our schedules
and pathways. I have always been a relatively heavy academic. My parents
and teachers certainly made sure of that, and ultimately helped lead me
down a path of being the teacher's pet. Maybe I'll talk about my
experiences and struggles related to that another time, but the short of
it is that I am a high-acheiving workaholic as a result. My ex-boyfriend
on the other hand, didn't have that kind of an experience, and
ultimately was led down the college-level course stream in high school.
</p>
<p>
Now, as I began to struggle in my fourth year, particularly with my
mathematics continuing their downwards trend, I decided that the life of
a software engineer wasn't for me. I turned around, almost on a dime,
and set myself towards a career in Psychology. Now, on the surface, this
may look like it would help with our scheduling issues, but no. While I
was studying at school, and desperately trying to keep up my grades, my
boyfriend would be doing a co-op elsewhere. Even when that ended at the
end of the term, the problem remained. I was too much of a workaholic.
</p>
<p>
Ultimately, the break-up that I've just had has left me intent on not
spiralling downward. My first was rough on me, and I was not in a good
place for about a week. This time, we both kind of saw this coming.
Perhaps that makes it easier, but it still sucks for both of us. And,
why squander the motivation I have to better my self care, my habits,
and thus myself? I'm about to go into my first year of university.
Normally, I'm either scared of my inevitable death, or some past regret
of my life that chooses to grip me. But now, I'm also anxious for the
life ahead.
</p>
<p>
So what does this all mean in terms of dating for me? Well, it leaves me
considering the idea that some people are meant to walk through life
alone. I'm at a point in my life where dating is probably not a great
idea for me. I struggle enough with burnout spells that adding
heartbreak on top would likely kill my education.
</p>
<p>
On top of that are my concerns with online dating. Aside from data
privacy, breaches, and otherwise disgusting people who can't leave these
projects to be a good part of the internet, are the risks with being
trans. There are far too many stories, even if most of them are probably
from the US, of people 'trying it out' with a trans person. Ignoring how
slimy and disgusting you have to be to even do that without considering
the effects of those actions, the point of dating is for love (and to
meet societal expectations while seeking a dual income for the
household, among other things).
</p>
<p>
To make it extra clear, love != sex. The point at the end of it isn't so
you can run home and shag every night--this isn't some 1960s Bond film.
</p>
<p>
If you want to have kids, some trans people who are on HRT, may still be
able to if they've gone to the really awkward and expensive effort of
cryopreservation.
</p>
<p>
Anyway, being someone who was a 'test run' is crushing. I certainly
don't want to run that risk, and other people are in the same boat.
</p>
<p>Given all this, I'll probably tough it out on my own for a while.</p>
</div>
</div>
<include src="includes/tailer.html" />
</div>
<div class="pane_spacer">
<include src="./includes/blog_recent_posts.html" />
<div class="spacer_container"><p>#AD</p></div>
</div>
</div>
<include src="includes/footer.html" />
<include src="includes/scripts.html" />
</body>
</html>

3
src/blog/style.scss Normal file
View File

@@ -0,0 +1,3 @@
@use "../partials/a_common";
@use "../partials/pane_blog";

17
src/errors/400.html
View File

@@ -17,13 +17,16 @@
<include src="includes/nav_quick_links.html" /> <include src="includes/nav_quick_links.html" />
</nav> </nav>
<div class="pane_error"> <div class="pane_error">
<h1>400</h1> <div class="error_body">
<h2>Bad Request!</h2> <h1>400</h1>
<hr /> <h2>Bad Request!</h2>
<p> <hr />
The server cannot or will not process this request due to apparent client-side <p>
error or deception. The server cannot or will not process this request due to apparent
</p> client-side error or deception.
</p>
</div>
<p class="tailer">Copyright (c) 2025 Olivia Brooks</p>
</div> </div>
<div class="pane_spacer"> <div class="pane_spacer">
<div class="spacer_container"><p>#AD</p></div> <div class="spacer_container"><p>#AD</p></div>

7
src/errors/401.html
View File

@@ -17,8 +17,11 @@
<include src="includes/nav_quick_links.html" /> <include src="includes/nav_quick_links.html" />
</nav> </nav>
<div class="pane_error"> <div class="pane_error">
<h1>401</h1> <div class="error_body">
<h2>Unauthorized!</h2> <h1>401</h1>
<h2>Unauthorized!</h2>
</div>
<p class="tailer">Copyright (c) 2025 Olivia Brooks</p>
</div> </div>
<div class="pane_spacer"> <div class="pane_spacer">
<div class="spacer_container"><p>#AD</p></div> <div class="spacer_container"><p>#AD</p></div>

11
src/errors/403.html
View File

@@ -17,10 +17,13 @@
<include src="includes/nav_quick_links.html" /> <include src="includes/nav_quick_links.html" />
</nav> </nav>
<div class="pane_error"> <div class="pane_error">
<h1>403</h1> <div class="error_body">
<h2>Forbidden!</h2> <h1>403</h1>
<hr /> <h2>Forbidden!</h2>
<p>The server is refusing to act upon your request.</p> <hr />
<p>The server is refusing to act upon your request.</p>
</div>
<p class="tailer">Copyright (c) 2025 Olivia Brooks</p>
</div> </div>
<div class="pane_spacer"> <div class="pane_spacer">
<div class="spacer_container"><p>#AD</p></div> <div class="spacer_container"><p>#AD</p></div>

7
src/errors/404.html
View File

@@ -17,8 +17,11 @@
<include src="includes/nav_quick_links.html" /> <include src="includes/nav_quick_links.html" />
</nav> </nav>
<div class="pane_error"> <div class="pane_error">
<h1>404</h1> <div class="error_body">
<h2>Page not found!</h2> <h1>404</h1>
<h2>Page not found!</h2>
</div>
<p class="tailer">Copyright (c) 2025 Olivia Brooks</p>
</div> </div>
<div class="pane_spacer"> <div class="pane_spacer">
<div class="spacer_container"><p>#AD</p></div> <div class="spacer_container"><p>#AD</p></div>

11
src/errors/500.html
View File

@@ -17,10 +17,13 @@
<include src="includes/nav_quick_links.html" /> <include src="includes/nav_quick_links.html" />
</nav> </nav>
<div class="pane_error"> <div class="pane_error">
<h1>500</h1> <div class="error_body">
<h2>Internal Server Error!</h2> <h1>500</h1>
<hr /> <h2>Internal Server Error!</h2>
<p>The server has no clue WTF happened here.</p> <hr />
<p>The server has no clue WTF happened here.</p>
</div>
<p class="tailer">Copyright (c) 2025 Olivia Brooks</p>
</div> </div>
<div class="pane_spacer"> <div class="pane_spacer">
<div class="spacer_container"><p>#AD</p></div> <div class="spacer_container"><p>#AD</p></div>

11
src/errors/501.html
View File

@@ -17,10 +17,13 @@
<include src="includes/nav_quick_links.html" /> <include src="includes/nav_quick_links.html" />
</nav> </nav>
<div class="pane_error"> <div class="pane_error">
<h1>501</h1> <div class="error_body">
<h2>Not Implemented!</h2> <h1>501</h1>
<hr /> <h2>Not Implemented!</h2>
<p>Whatever you just tried doing, the server doesn't know how to handle it.</p> <hr />
<p>Whatever you just tried doing, the server doesn't know how to handle it.</p>
</div>
<p class="tailer">Copyright (c) 2025 Olivia Brooks</p>
</div> </div>
<div class="pane_spacer"> <div class="pane_spacer">
<div class="spacer_container"><p>#AD</p></div> <div class="spacer_container"><p>#AD</p></div>

11
src/errors/502.html
View File

@@ -17,10 +17,13 @@
<include src="includes/nav_quick_links.html" /> <include src="includes/nav_quick_links.html" />
</nav> </nav>
<div class="pane_error"> <div class="pane_error">
<h1>502</h1> <div class="error_body">
<h2>Bad Gateway!</h2> <h1>502</h1>
<hr /> <h2>Bad Gateway!</h2>
<p>This service may be offline.</p> <hr />
<p>This service may be offline.</p>
</div>
<p class="tailer">Copyright (c) 2025 Olivia Brooks</p>
</div> </div>
<div class="pane_spacer"> <div class="pane_spacer">
<div class="spacer_container"><p>#AD</p></div> <div class="spacer_container"><p>#AD</p></div>

11
src/errors/503.html
View File

@@ -17,10 +17,13 @@
<include src="includes/nav_quick_links.html" /> <include src="includes/nav_quick_links.html" />
</nav> </nav>
<div class="pane_error"> <div class="pane_error">
<h1>503</h1> <div class="error_body">
<h2>Service Unavailable!</h2> <h1>503</h1>
<hr /> <h2>Service Unavailable!</h2>
<p>The server may be overloaded or down for maintenance.</p> <hr />
<p>The server may be overloaded or down for maintenance.</p>
</div>
<p class="tailer">Copyright (c) 2025 Olivia Brooks</p>
</div> </div>
<div class="pane_spacer"> <div class="pane_spacer">
<div class="spacer_container"><p>#AD</p></div> <div class="spacer_container"><p>#AD</p></div>

17
src/errors/504.html
View File

@@ -17,13 +17,16 @@
<include src="includes/nav_quick_links.html" /> <include src="includes/nav_quick_links.html" />
</nav> </nav>
<div class="pane_error"> <div class="pane_error">
<h1>504</h1> <div class="error_body">
<h2>Gateway Timeout!</h2> <h1>504</h1>
<hr /> <h2>Gateway Timeout!</h2>
<p> <hr />
The server acted as a proxy and didn't receive a timely response from the <p>
upstream server. The server acted as a proxy and didn't receive a timely response from the
</p> upstream server.
</p>
</div>
<p class="tailer">Copyright (c) 2025 Olivia Brooks</p>
</div> </div>
<div class="pane_spacer"> <div class="pane_spacer">
<div class="spacer_container"><p>#AD</p></div> <div class="spacer_container"><p>#AD</p></div>

21
src/feed/rss.xml Normal file
View File

@@ -0,0 +1,21 @@
<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0">
<channel>
<title>Cutieguwu Yaps</title>
<link>https://www.cutieguwu.ca/</link>
<description
>Cutieguwu's blog where she discusses various things.</description>
<language>en-ca</language>
<category>Technology/IT/Life/Mental Health/Health</category>
<item>
<title>Splitting Pathways</title>
<link>https://blog.cutieguwu.ca/0_divergent_pathways.html</link>
<description>Discussing my struggles in love.</description>
<category>Life</category>
<category>Mental Health</category>
<category>Health</category>
</item>
</channel>
</rss>

14
src/includes/blog_recent_posts.html Normal file
View File

@@ -0,0 +1,14 @@
<div class="spacer_container spacer_posts">
<h2>Recent</h2>
<div class="chunk_list recent_posts">
<div class="chunk">
<div class="header">
<div>
<h3 class="name">Divergent Pathways</h3>
<span class="subtitle">29 July, 2025</span>
</div>
<a href="./blog/0_diverging_pathways.html" class="status"> View </a>
</div>
</div>
</div>
</div>

28
src/includes/nav_quick_links.html
View File

@@ -1,34 +1,18 @@
<div class="quick_links"> <div class="quick_links">
<a href="https://gitea.cutieguwu.ca/Cutieguwu/cutieguwu-site" title="Website Source"> <a href="https://gitea.cutieguwu.ca/Cutieguwu/cutieguwu-site" title="Website Source">
<ion-icon <ion-icon name="git-branch-outline" alt="(Gitea) Website Source" class="gitea"></ion-icon>
name="git-branch-outline"
alt="(Gitea) Website Source"
style="color: var(--accent-green)"
></ion-icon>
</a>
<a href="https://github.com/Cutieguwu/cutieguwu-site" title="(Mirror) Website Source">
<ion-icon
name="logo-github"
alt="(Mirror) Website Source"
style="color: var(--accent-blue)"
></ion-icon>
</a> </a>
<a <a
href="https://gitea.cutieguwu.ca/Cutieguwu/cutieguwu-site/src/branch/main/LICENSE" href="https://gitea.cutieguwu.ca/Cutieguwu/cutieguwu-site/src/branch/main/LICENSE"
title="MIT License" title="MIT License"
> >
<ion-icon <ion-icon name="book-outline" alt="MIT License" class="license"></ion-icon>
name="book-outline"
alt="MIT License"
style="color: var(--accent-indigo)"
></ion-icon>
</a> </a>
<a href="https://gitea.cutieguwu.ca/Cutieguwu/cutieguwu-site/issues" title="Report Issues"> <a href="https://gitea.cutieguwu.ca/Cutieguwu/cutieguwu-site/issues" title="Report Issues">
<ion-icon <ion-icon name="alert-circle-outline" alt="Report Issues" class="issue_tracker"></ion-icon>
name="alert-circle-outline" </a>
alt="Report Issues" <a href="https://www.cutieguwu.ca/feed/rss.xml" title="RSS Feed" download>
style="color: var(--accent-magenta)" <ion-icon name="logo-rss" alt="RSS Feed" class="rss"></ion-icon>
></ion-icon>
</a> </a>
<a class="phantom"></a> <a class="phantom"></a>
</div> </div>

1
src/includes/tailer.html Normal file
View File

@@ -0,0 +1 @@
<p class="tailer">Copyright (c) 2025 Olivia Brooks</p>

478
src/index.html
View File

@@ -17,238 +17,254 @@
<include src="includes/nav_quick_links.html" /> <include src="includes/nav_quick_links.html" />
</nav> </nav>
<div class="pane_main"> <div class="pane_main">
<h1>Home</h1> <div class="main_body">
<p>lorem ipsum idk what else there is in this latin phrase</p> <h1>Home</h1>
<p>lorem ipsum idk what else there is in this latin phrase</p>
<p> <p>
Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex
sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis
convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus
lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada
nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti
torquent per conubia nostra inceptos himenaeos. Lorem ipsum dolor sit amet sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem
consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien
placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean vitae pellentesque sem placerat. In id cursus mi pretium tellus duis
sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus
egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada
semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti
inceptos himenaeos. Lorem ipsum dolor sit amet consectetur adipiscing elit. sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem
Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien
pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. vitae pellentesque sem placerat. In id cursus mi pretium tellus duis
Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus
malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada
taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti
ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem
vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien
Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec vitae pellentesque sem placerat. In id cursus mi pretium tellus duis
metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus
posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada
torquent per conubia nostra inceptos himenaeos. Lorem ipsum dolor sit amet lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti
consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem
placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien
sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum vitae pellentesque sem placerat. In id cursus mi pretium tellus duis
egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus
semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada
inceptos himenaeos. Lorem ipsum dolor sit amet consectetur adipiscing elit. lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti
Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem
pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien
Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl vitae pellentesque sem placerat. In id cursus mi pretium tellus duis
malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus
taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada
ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti
vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem
Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien
metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc vitae pellentesque sem placerat. In id cursus mi pretium tellus duis
posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus
torquent per conubia nostra inceptos himenaeos. Lorem ipsum dolor sit amet fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada
consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti
placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem
sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien
egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit vitae pellentesque sem placerat. In id cursus mi pretium tellus duis
semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus
inceptos himenaeos. Lorem ipsum dolor sit amet consectetur adipiscing elit. fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada
Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti
pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem
Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien
malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent vitae pellentesque sem placerat. In id cursus mi pretium tellus duis
taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus
ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada
vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti
Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem
metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien
posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora vitae pellentesque sem placerat. In id cursus mi pretium tellus duis
torquent per conubia nostra inceptos himenaeos. Lorem ipsum dolor sit amet convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus
consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada
placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti
sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem
egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien
semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra vitae pellentesque sem placerat. In id cursus mi pretium tellus duis
inceptos himenaeos. Lorem ipsum dolor sit amet consectetur adipiscing elit. convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus
Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada
pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti
Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem
malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien
taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem vitae pellentesque sem placerat. In id cursus mi pretium tellus duis
ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus
vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada
Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti
metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem
posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien
torquent per conubia nostra inceptos himenaeos. Lorem ipsum dolor sit amet vitae pellentesque sem placerat. In id cursus mi pretium tellus duis
consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus
placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada
sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti
egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem
semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien
inceptos himenaeos. Lorem ipsum dolor sit amet consectetur adipiscing elit. vitae pellentesque sem placerat. In id cursus mi pretium tellus duis
Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus
pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada
Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti
malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem
taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien
ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis
vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus
Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada
metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti
posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem
torquent per conubia nostra inceptos himenaeos. Lorem ipsum dolor sit amet ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien
consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem vitae pellentesque sem placerat. In id cursus mi pretium tellus duis
placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus
sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada
egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti
semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem
inceptos himenaeos. Lorem ipsum dolor sit amet consectetur adipiscing elit. ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien
Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi vitae pellentesque sem placerat. In id cursus mi pretium tellus duis
pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus
Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada
malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti
taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem
ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien
vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. vitae pellentesque sem placerat. In id cursus mi pretium tellus duis
Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus
metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada
posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti
torquent per conubia nostra inceptos himenaeos. Lorem ipsum dolor sit amet sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem
consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien
placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean vitae pellentesque sem placerat. In id cursus mi pretium tellus duis
sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus
egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada
semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti
inceptos himenaeos. Lorem ipsum dolor sit amet consectetur adipiscing elit. sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem
Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien
pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. vitae pellentesque sem placerat. In id cursus mi pretium tellus duis
Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus
malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada
taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti
ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem
vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien
Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec vitae pellentesque sem placerat. In id cursus mi pretium tellus duis
metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus
posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada
torquent per conubia nostra inceptos himenaeos. Lorem ipsum dolor sit amet lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti
consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem
placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien
sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum vitae pellentesque sem placerat. In id cursus mi pretium tellus duis
egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus
semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada
inceptos himenaeos. Lorem ipsum dolor sit amet consectetur adipiscing elit. lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti
Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem
pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien
Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl vitae pellentesque sem placerat. In id cursus mi pretium tellus duis
malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus
taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada
ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti
vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem
Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien
metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc vitae pellentesque sem placerat. In id cursus mi pretium tellus duis
posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus
torquent per conubia nostra inceptos himenaeos. Lorem ipsum dolor sit amet fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada
consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti
placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem
sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien
egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit vitae pellentesque sem placerat. In id cursus mi pretium tellus duis
semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus
inceptos himenaeos. Lorem ipsum dolor sit amet consectetur adipiscing elit. fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada
Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti
pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem
Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien
malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent vitae pellentesque sem placerat. In id cursus mi pretium tellus duis
taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus
ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada
vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti
Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem
metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien
posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora vitae pellentesque sem placerat. In id cursus mi pretium tellus duis
torquent per conubia nostra inceptos himenaeos. Lorem ipsum dolor sit amet convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus
consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada
placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti
sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem
egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien
semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra vitae pellentesque sem placerat. In id cursus mi pretium tellus duis
inceptos himenaeos. Lorem ipsum dolor sit amet consectetur adipiscing elit. convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus
Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada
pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti
Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem
malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien
taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem vitae pellentesque sem placerat. In id cursus mi pretium tellus duis
ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus
vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada
Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti
metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem
posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien
torquent per conubia nostra inceptos himenaeos. Lorem ipsum dolor sit amet vitae pellentesque sem placerat. In id cursus mi pretium tellus duis
consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus
placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada
sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti
egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem
semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien
inceptos himenaeos. Lorem ipsum dolor sit amet consectetur adipiscing elit. vitae pellentesque sem placerat. In id cursus mi pretium tellus duis
Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus
pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada
Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti
malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem
taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien
ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis
vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus
Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada
metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti
posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem
torquent per conubia nostra inceptos himenaeos. Lorem ipsum dolor sit amet ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien
consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem vitae pellentesque sem placerat. In id cursus mi pretium tellus duis
placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus
sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada
egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti
semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem
inceptos himenaeos. Lorem ipsum dolor sit amet consectetur adipiscing elit. ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien
Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi vitae pellentesque sem placerat. In id cursus mi pretium tellus duis
pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus
Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada
malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti
taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem
ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien
vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. vitae pellentesque sem placerat. In id cursus mi pretium tellus duis
Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus
metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada
posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti
torquent per conubia nostra inceptos himenaeos. Lorem ipsum dolor sit amet sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem
consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien
placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean vitae pellentesque sem placerat. In id cursus mi pretium tellus duis
sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus
egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada
semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti
inceptos himenaeos. Lorem ipsum dolor sit amet consectetur adipiscing elit. sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem
Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien
pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. vitae pellentesque sem placerat. In id cursus mi pretium tellus duis
Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus
malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada
taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti
ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem
vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien
Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec vitae pellentesque sem placerat. In id cursus mi pretium tellus duis
metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus
posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada
torquent per conubia nostra inceptos himenaeos. lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti
</p> sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem
ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien
vitae pellentesque sem placerat. In id cursus mi pretium tellus duis
convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus
fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada
lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti
sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem
ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien
vitae pellentesque sem placerat. In id cursus mi pretium tellus duis
convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus
fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada
lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti
sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.
</p>
</div>
<include src="includes/tailer.html" />
</div> </div>
<div class="pane_spacer"> <div class="pane_spacer">
<div class="spacer_container"><p>#AD</p></div> <div class="spacer_container"><p>#AD</p></div>

65
src/partials/_a_chunk_list.scss Normal file
View File

@@ -0,0 +1,65 @@
.chunk_list {
display: flex;
flex-direction: column;
padding: 0;
text-align: left;
.chunk,
hr {
margin: var(--spacing-horizontal);
}
.chunk {
.header {
display: grid;
grid-auto-flow: row;
grid-template-columns: 1fr min-content;
background-color: var(--background-3);
border-radius: var(--border-radius-leaf);
padding: var(--spacing-horizontal);
.name,
.subtitle,
.status {
margin: 0;
}
.name {
white-space: nowrap;
}
.subtitle {
display: inline-block;
font-size: 0.85rem;
font-weight: normal;
font-style: italic;
font-family: var(--font-family-generic);
}
.status {
align-self: center;
white-space: nowrap;
margin-left: calc(var(--spacing-horizontal) * 2);
text-decoration: none;
font-size: 1.17rem;
font-weight: bold;
}
}
.body {
padding: 0 calc(var(--spacing-horizontal) * 2);
ul {
font-family: var(--font-family-generic);
li + li {
margin-top: 0.5em;
}
}
}
}
}

29
src/partials/_a_common.scss
View File

@@ -1,7 +1,12 @@
@use "a_chunk_list";
@use "a_footer";
@use "a_layouts";
@use "a_quick_links";
@use "a_pages";
@use "pane_main"; @use "pane_main";
@use "pane_nav"; @use "pane_nav";
@use "pane_spacer"; @use "pane_spacer";
@use "a_quick_links";
:root { :root {
/* /*
@@ -11,7 +16,6 @@
Odd numbers should be used as intermediate colours between the fore and back elements. Excepting white--white's special. Odd numbers should be used as intermediate colours between the fore and back elements. Excepting white--white's special.
Eg. Current dropdown menu. Eg. Current dropdown menu.
*/ */
font-size: var(--font-size-generic); font-size: var(--font-size-generic);
@@ -71,11 +75,11 @@
} }
} }
/*
* { * {
outline: 1px solid red; color-scheme: dark;
/* outline: 1px solid red; */
} }
*/
h1 { h1 {
font-size: 3.3vh; font-size: 3.3vh;
@@ -109,18 +113,3 @@ ion-icon {
flex-flow: row wrap; flex-flow: row wrap;
align-items: flex-start; align-items: flex-start;
} }
.footer {
margin: 0;
padding: var(--spacing-horizontal);
width: min-content;
background-color: var(--background-2);
border-top-right-radius: var(--border-radius-large);
font-size: 1.65vh;
white-space: nowrap;
position: sticky;
bottom: 0;
}

14
src/partials/_a_footer.scss Normal file
View File

@@ -0,0 +1,14 @@
.footer {
margin: 0;
padding: var(--spacing-horizontal);
width: min-content;
background-color: var(--background-2);
border-top-right-radius: var(--border-radius-large);
font-size: 1.65vh;
white-space: nowrap;
position: fixed;
bottom: 0;
}

13
src/partials/_a_layouts.scss Normal file
View File

@@ -0,0 +1,13 @@
.layout_row {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
.item {
margin: var(--spacing-horizontal);
padding: var(--spacing-horizontal);
background-color: var(--background-1);
border-radius: var(--border-radius-leaf);
}
}

3
src/partials/_a_pages.scss Normal file
View File

@@ -0,0 +1,3 @@
@use "blog_recent_posts";
@use "page_resume";

8
src/partials/_a_quick_links.scss
View File

@@ -3,17 +3,15 @@
--item-size: calc(1rem + var(--item-padding)); --item-size: calc(1rem + var(--item-padding));
display: flex; display: flex;
justify-content: center;
justify-content: center;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: center;
a { a {
height: var(--item-size); height: var(--item-size);
display: grid; display: grid;
background-color: var(--background-1); background-color: var(--background-3);
border-radius: var(--border-radius-leaf); border-radius: var(--border-radius-leaf);
margin: 0.5rem; margin: 0.5rem;
@@ -34,6 +32,8 @@
* { * {
margin: 0; margin: 0;
padding: 0; padding: 0;
font-size: var(--font-size-generic);
} }
} }
} }

13
src/partials/_a_tailer.scss Normal file
View File

@@ -0,0 +1,13 @@
.tailer {
margin: var(--margin-pane) auto 0;
width: min-content;
font-size: 1.65vh;
white-space: nowrap;
background-color: var(--background-2);
border-radius: var(--border-radius-leaf);
padding: var(--spacing-horizontal);
text-align: center;
}

7
src/partials/_blog_recent_posts.scss Normal file
View File

@@ -0,0 +1,7 @@
.spacer_posts {
justify-content: start !important;
.recent_posts .chunk .header {
background-color: var(--background-1);
}
}

35
src/partials/_nav_quick_links.scss
View File

@@ -15,6 +15,11 @@
margin: 0; margin: 0;
} }
a:hover {
transition: var(--transition-cut);
transform: var(--transform-scale-x) var(--transform-scale-y);
}
.phantom { .phantom {
width: var(--item-size); width: var(--item-size);
height: var(--item-size); height: var(--item-size);
@@ -25,12 +30,32 @@
Due to how flexboxes function, settings `display: none` Due to how flexboxes function, settings `display: none`
will result in the box just scaling as if the element will result in the box just scaling as if the element
never existed. never existed.
phantom needs to sit beside a element in hierarchy, otherwise
phantom will inherit from a like this:
.pane_nav > .quick_links > a > .phantom
*/ */
background-color: inherit; background-color: inherit;
} }
}
a:hover {
transition: var(--transition-cut); .gitea {
transform: var(--transform-scale-x) var(--transform-scale-y); color: var(--accent-green);
} }
.github {
color: var(--accent-blue);
}
.license {
color: var(--accent-indigo);
}
.issue_tracker {
color: var(--accent-magenta);
}
.rss {
color: var(--accent-orange);
} }

173
src/partials/_page_resume.scss Normal file
View File

@@ -0,0 +1,173 @@
.work_history {
max-width: 45%;
.chunk_list {
flex-direction: column-reverse;
}
}
.early_history {
align-self: center;
}
.education {
max-width: 45%;
.chunk_list {
flex-direction: column-reverse;
}
}
.awards {
max-width: 45%;
}
.certifications {
max-width: 45%;
}
.software {
max-width: 60%;
.premiere_pro {
color: var(--accent-purple);
}
.photoshop {
color: var(--accent-blue);
}
.anubis {
color: var(--accent-green);
}
.blender {
color: var(--accent-orange);
}
.davinci_resolve {
color: var(--accent-blue);
}
.gimp {
color: var(--accent-magenta);
}
.git {
color: var(--accent-orange);
}
.libreoffice {
color: var(--white-0);
}
.linux {
color: var(--white-0);
}
.ms_office {
color: var(--accent-orange);
}
.ms_windows {
color: var(--accent-blue);
}
.musescore {
color: var(--accent-cyan);
}
.nextcloud {
color: var(--accent-cyan);
}
.nginx {
color: var(--accent-green);
}
.obs {
color: var(--white-0);
}
.prusaslicer {
color: var(--accent-orange);
}
.shopbot_control_software {
color: var(--accent-blue);
}
.vectric_aspire {
color: var(--accent-red);
rotate: 90deg;
}
.zotero {
color: var(--accent-orange);
}
}
.prog_languages {
max-width: 30%;
.asciidoc {
color: var(--accent-cyan);
}
.css {
color: var(--accent-purple);
}
.html {
color: var(--accent-orange);
}
.json {
color: var(--accent-cyan);
}
.markdown {
color: var(--accent-indigo);
}
.nginx {
color: var(--accent-green);
}
.python {
color: var(--accent-blue);
}
.ron {
color: var(--accent-orange);
}
.rust {
color: var(--accent-orange);
}
.scss {
color: var(--accent-magenta);
}
.toml {
color: var(--accent-orange);
}
.shell {
color: var(--accent-green);
}
.yaml {
color: var(--accent-yellow);
}
}
.docker {
/*
Docker is protective of their colours.
https://www.docker.com/company/newsroom/media-resources/
*/
color: #1d63edff;
}

52
src/partials/_pane_blog.scss Normal file
View File

@@ -0,0 +1,52 @@
@use "a_tailer";
.pane_blog {
flex: 1;
flex-direction: column;
margin: var(--margin-pane);
justify-content: center;
.blog_body {
background-color: var(--background-2);
border-radius: var(--border-radius-leaf);
padding-top: var(--spacing-horizontal);
.header {
text-align: center;
padding: var(--spacing-horizontal);
width: min-content;
white-space: nowrap;
margin: 0 auto;
.title {
background-color: var(--background-1);
border-radius: var(--border-radius-leaf);
padding: var(--spacing-horizontal);
}
.date {
display: block;
font-size: 0.85rem;
font-weight: normal;
font-style: italic;
font-family: var(--font-family-generic);
}
}
.body {
text-align: start;
padding: 0 calc(var(--margin-pane) * 4)
calc(var(--margin-pane) * 4);
p {
color: var(--white-1);
}
}
}
}

14
src/partials/_pane_error.scss
View File

@@ -1,10 +1,16 @@
@use "a_tailer";
.pane_error { .pane_error {
width: max-content; width: max-content;
text-align: center;
background-color: var(--background-2);
margin: auto; /* center object */ margin: auto; /* center object */
padding: var(--spacing-horizontal);
border-radius: var(--border-radius-leaf); .error_body,
.tailer {
background-color: var(--background-1);
border-radius: var(--border-radius-leaf);
padding: var(--spacing-horizontal);
text-align: center;
}
} }

16
src/partials/_pane_main.scss
View File

@@ -1,10 +1,18 @@
@use "a_tailer";
.pane_main { .pane_main {
flex: 1; flex: 1;
flex-direction: column;
text-align: center;
background-color: var(--background-2);
margin: var(--margin-pane); margin: var(--margin-pane);
padding: var(--spacing-horizontal);
border-radius: var(--border-radius-leaf); justify-content: center;
.main_body {
background-color: var(--background-2);
border-radius: var(--border-radius-leaf);
padding: var(--spacing-horizontal);
text-align: center;
}
} }

10
src/partials/_pane_nav.scss
View File

@@ -6,13 +6,19 @@
.pane_nav { .pane_nav {
margin: var(--margin-pane); margin: var(--margin-pane);
padding: 0; padding: 0;
gap: var(--spacing-menu-gap);
width: min-content; width: min-content;
align-content: start;
display: grid; display: grid;
grid-auto-flow: row; grid-auto-flow: row;
grid-template-rows: auto auto auto 1fr max-content; grid-template-rows: auto auto auto 1fr max-content;
gap: var(--spacing-menu-gap);
align-content: start;
position: sticky;
top: var(--margin-pane);
bottom: var(--margin-pane);
left: 0;
color: var(--accent-pink); color: var(--accent-pink);
} }

12
src/partials/_pane_spacer.scss
View File

@@ -1,11 +1,18 @@
.pane_spacer { .pane_spacer {
margin: var(--margin-pane); margin: var(--margin-pane);
padding: 0; padding: 0;
width: 10vw;
width: min-content;
display: grid; display: grid;
grid-auto-flow: row; grid-auto-flow: row;
gap: var(--spacing-menu-gap); gap: var(--spacing-menu-gap);
position: sticky;
top: var(--margin-pane);
bottom: var(--margin-pane);
right: 0;
.spacer_container { .spacer_container {
margin: 0; margin: 0;
padding: var(--spacing-horizontal); padding: var(--spacing-horizontal);
@@ -15,11 +22,10 @@
var(--spacing-menu-gap) / 2 var(--spacing-menu-gap) / 2
) - calc(var(--spacing-horizontal) * 2) ) - calc(var(--spacing-horizontal) * 2)
); );
flex: 1;
border-radius: var(--border-radius-leaf); border-radius: var(--border-radius-leaf);
/* Vertical Text Align */
display: flex; display: flex;
flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;

40
src/templates/blog_post.html Normal file
View File

@@ -0,0 +1,40 @@
<!doctype html>
<html lang="en-ca">
<head>
<title>Blog Post Template | Cutieguwu</title>
<include src="includes/meta.html" />
</head>
<body>
<div class="viewport">
<nav class="pane_nav">
<include src="includes/nav_logo.html" />
<include src="includes/nav_menu.html" />
<div class="location">
<h4 class="location_header">You are here:</h4>
<h5 class="location_page">Blog - Blog Post Template</h5>
</div>
<include src="includes/nav_quick_links.html" />
</nav>
<div class="pane_blog">
<div class="blog_body">
<div class="header">
<h1 class="title">Blog Post Template</h1>
<p class="date">Posted: 01 January, 2025</p>
<p class="date">Last Edited: 01 January, 2025</p>
</div>
<div class="body">
<p>Blog Post Content</p>
</div>
</div>
<include src="includes/tailer.html" />
</div>
<div class="pane_spacer">
<include src="./includes/blog_recent_posts.html" />
<div class="spacer_container"><p>#AD</p></div>
</div>
</div>
<include src="includes/footer.html" />
<include src="includes/scripts.html" />
</body>
</html>

11
src/templates/error.html
View File

@@ -17,10 +17,13 @@
<include src="includes/nav_quick_links.html" /> <include src="includes/nav_quick_links.html" />
</nav> </nav>
<div class="pane_error"> <div class="pane_error">
<h1>Error Code</h1> <div class="error_body">
<h2>Error Title</h2> <h1>Error Code</h1>
<hr /> <h2>Error Title</h2>
<p>Error details and explaination.</p> <hr />
<p>Error details and explaination.</p>
</div>
<include src="includes/tailer.html" />
</div> </div>
<div class="pane_spacer"> <div class="pane_spacer">
<div class="spacer_container"><p>#AD</p></div> <div class="spacer_container"><p>#AD</p></div>

5
src/templates/main.html
View File

@@ -16,7 +16,10 @@
</div> </div>
<include src="includes/nav_quick_links.html" /> <include src="includes/nav_quick_links.html" />
</nav> </nav>
<div class="pane_main"></div> <div class="pane_main">
<div class="main_body"></div>
<include src="includes/tailer.html" />
</div>
<div class="pane_spacer"> <div class="pane_spacer">
<div class="spacer_container"><p>#AD</p></div> <div class="spacer_container"><p>#AD</p></div>
<div class="spacer_container"><p>#AD</p></div> <div class="spacer_container"><p>#AD</p></div>