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

Adjust all styles for box-sizing: border-box to begin working on RWD to add Mobile support.

Browse Source
This commit is contained in:
Cutieguwu
2025-08-03 22:33:00 -04:00
parent 5f3a07d51f
commit 9c6b86371b
9 changed files with 294 additions and 269 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/blog/index.html
View File

@@ -18,9 +18,14 @@
</nav> </nav>
<div class="pane_main"> <div class="pane_main">
<div class="main_body"> <div class="main_body">
<h1>Blog</h1> <div class="header">
<h2>I have an RSS feed!</h2> <h1 class="title">Blog</h1>
<p>Just look for the RSS Quick Link in the Navigation pane.</p> <p class="date">Last Edited: 03 August, 2025</p>
</div>
<div class="body">
<h2>I have an RSS feed!</h2>
<p>Just look for the RSS Quick Link in the Navigation pane.</p>
</div>
</div> </div>
<include src="includes/tailer.html" /> <include src="includes/tailer.html" />
</div> </div>

508
src/index.html
View File

@@ -18,251 +18,269 @@
</nav> </nav>
<div class="pane_main"> <div class="pane_main">
<div class="main_body"> <div class="main_body">
<h1>Home</h1> <div class="header">
<p>lorem ipsum idk what else there is in this latin phrase</p> <h1 class="title">Home</h1>
<p class="date">Last Edited: 03 August, 2025</p>
<p> </div>
Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex <div class="body">
sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis <p>lorem ipsum idk what else there is in this latin phrase</p>
convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus <p>
fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus
lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti ex sapien vitae pellentesque sem placerat. In id cursus mi pretium
sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem 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
vitae pellentesque sem placerat. In id cursus mi pretium tellus duis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper
convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus 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
lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id
sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam
ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien 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
convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent
fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada 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
sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem 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 fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada
convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus 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
lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti 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
ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna
vitae pellentesque sem placerat. In id cursus mi pretium tellus duis tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas.
convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus 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
lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti nostra inceptos himenaeos. Lorem ipsum dolor sit amet consectetur
sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem 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
vitae pellentesque sem placerat. In id cursus mi pretium tellus duis aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus
convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus 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
sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae
ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien pellentesque sem placerat. In id cursus mi pretium tellus duis
vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus
convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada
fringilla lacus nec metus bibendum egestas. Iaculis massa nisl 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
sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem 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
vitae pellentesque sem placerat. In id cursus mi pretium tellus duis mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna
convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas.
fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada 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
sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem nostra inceptos himenaeos. Lorem ipsum dolor sit amet consectetur
ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien 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
convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus
fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada 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
ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae
vitae pellentesque sem placerat. In id cursus mi pretium tellus duis pellentesque sem placerat. In id cursus mi pretium tellus duis
convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus
fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada
lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti 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
ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien 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
convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna
fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas.
lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti 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
ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien nostra inceptos himenaeos. Lorem ipsum dolor sit amet consectetur
vitae pellentesque sem placerat. In id cursus mi pretium tellus duis 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
fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus
lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti 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
vitae pellentesque sem placerat. In id cursus mi pretium tellus duis amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae
convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus pellentesque sem placerat. In id cursus mi pretium tellus duis
fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus
lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada
sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem 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
vitae pellentesque sem placerat. In id cursus mi pretium tellus duis 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
fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna
lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas.
sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem 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
vitae pellentesque sem placerat. In id cursus mi pretium tellus duis nostra inceptos himenaeos. Lorem ipsum dolor sit amet consectetur
convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus 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
lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus
sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem 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
convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae
fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada pellentesque sem placerat. In id cursus mi pretium tellus duis
lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus
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
vitae pellentesque sem placerat. In id cursus mi pretium tellus duis taciti sociosqu. Ad litora torquent per conubia nostra inceptos
convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus 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
lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna
sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas.
ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien 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
convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus nostra inceptos himenaeos. Lorem ipsum dolor sit amet consectetur
fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada 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
sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus
ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien 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
fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae
lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti pellentesque sem placerat. In id cursus mi pretium tellus duis
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 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
fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada 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
sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna
ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas.
vitae pellentesque sem placerat. In id cursus mi pretium tellus duis 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
fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada nostra inceptos himenaeos. Lorem ipsum dolor sit amet consectetur
lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti 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
ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus
vitae pellentesque sem placerat. In id cursus mi pretium tellus duis 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
lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae
sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem 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 fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada
convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus 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
lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti 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
ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna
vitae pellentesque sem placerat. In id cursus mi pretium tellus duis tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas.
convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus 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
lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti nostra inceptos himenaeos. Lorem ipsum dolor sit amet consectetur
sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem 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
vitae pellentesque sem placerat. In id cursus mi pretium tellus duis aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus
convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus 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
sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae
ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien pellentesque sem placerat. In id cursus mi pretium tellus duis
vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus
convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada
fringilla lacus nec metus bibendum egestas. Iaculis massa nisl 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
sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem 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
vitae pellentesque sem placerat. In id cursus mi pretium tellus duis mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna
convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas.
fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada 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
sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem nostra inceptos himenaeos. Lorem ipsum dolor sit amet consectetur
ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien 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
convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus
fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada 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
ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae
vitae pellentesque sem placerat. In id cursus mi pretium tellus duis pellentesque sem placerat. In id cursus mi pretium tellus duis
convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus
fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada
lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti 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
ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien 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
convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna
fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas.
lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti 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
ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien nostra inceptos himenaeos. Lorem ipsum dolor sit amet consectetur
vitae pellentesque sem placerat. In id cursus mi pretium tellus duis 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
fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus
lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti 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
vitae pellentesque sem placerat. In id cursus mi pretium tellus duis amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae
convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus pellentesque sem placerat. In id cursus mi pretium tellus duis
fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus
lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada
sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem 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
vitae pellentesque sem placerat. In id cursus mi pretium tellus duis 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
fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna
lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas.
sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem 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
vitae pellentesque sem placerat. In id cursus mi pretium tellus duis nostra inceptos himenaeos. Lorem ipsum dolor sit amet consectetur
convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus 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
lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus
sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem 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
convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae
fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada pellentesque sem placerat. In id cursus mi pretium tellus duis
lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus
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
vitae pellentesque sem placerat. In id cursus mi pretium tellus duis taciti sociosqu. Ad litora torquent per conubia nostra inceptos
convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus 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
lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna
sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas.
ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien 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
convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus nostra inceptos himenaeos. Lorem ipsum dolor sit amet consectetur
fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada 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
sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus
ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien 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
fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae
lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti pellentesque sem placerat. In id cursus mi pretium tellus duis
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 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
fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada 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
sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna
ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas.
vitae pellentesque sem placerat. In id cursus mi pretium tellus duis 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
fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada nostra inceptos himenaeos. Lorem ipsum dolor sit amet consectetur
lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem
sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu
</p> 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. 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>
</div> </div>
<include src="includes/tailer.html" /> <include src="includes/tailer.html" />
</div> </div>

6
src/partials/_a_chunk_list.scss
View File

@@ -15,6 +15,8 @@
grid-auto-flow: row; grid-auto-flow: row;
grid-template-columns: 1fr min-content; grid-template-columns: 1fr min-content;
column-gap: calc(var(--spacing-horizontal) * 2);
background-color: var(--background-3); background-color: var(--background-3);
border-radius: var(--border-radius-leaf); border-radius: var(--border-radius-leaf);
@@ -22,7 +24,8 @@
text-align: start; text-align: start;
width: calc(100% - calc(var(--spacing-horizontal) * 2)); /*width: calc(100% - calc(var(--spacing-horizontal) * 2));*/
width: 100%;
margin: 0; margin: 0;
@@ -48,7 +51,6 @@
.status { .status {
align-self: center; align-self: center;
white-space: nowrap; white-space: nowrap;
margin-left: calc(var(--spacing-horizontal) * 2);
text-decoration: none; text-decoration: none;
font-size: 1.17rem; font-size: 1.17rem;

1
src/partials/_a_common.scss
View File

@@ -76,6 +76,7 @@
* { * {
color-scheme: dark; color-scheme: dark;
box-sizing: border-box;
/* outline: 1px solid red; */ /* outline: 1px solid red; */
} }

6
src/partials/_a_quick_links.scss
View File

@@ -7,14 +7,11 @@
justify-content: center; justify-content: center;
a { a {
height: var(--item-size);
display: grid; display: grid;
background-color: var(--background-3); background-color: var(--background-3);
border-radius: var(--border-radius-leaf); border-radius: var(--border-radius-leaf);
margin: 0.5rem;
padding: var(--item-padding); padding: var(--item-padding);
gap: var(--item-padding); gap: var(--item-padding);
@@ -26,9 +23,6 @@
text-decoration: none; text-decoration: none;
color: var(--white-1); color: var(--white-1);
/*
To colour the icons, apply inline styling.
*/
* { * {
margin: 0; margin: 0;
padding: 0; padding: 0;

8
src/partials/_nav_quick_links.scss
View File

@@ -8,11 +8,14 @@
*/ */
a { a {
width: var(--item-size);
background-color: var(--background-2); background-color: var(--background-2);
transition: var(--transition-fade); transition: var(--transition-fade);
margin: 0; margin: 0;
ion-icon {
width: var(--item-size);
}
} }
a:hover { a:hover {
@@ -21,8 +24,7 @@
} }
.phantom { .phantom {
width: var(--item-size); width: calc(var(--item-size) + calc(var(--item-padding) * 2));
height: var(--item-size);
/* /*
Fake hiding the element. Fake hiding the element.

7
src/partials/_page_resume.scss
View File

@@ -16,6 +16,13 @@
max-width: 44%; max-width: 44%;
} }
.software,
.prog_languages {
* {
margin: 0.5rem;
}
}
.software { .software {
max-width: 55%; max-width: 55%;

2
src/partials/_pane_error.scss
View File

@@ -7,7 +7,7 @@
.error_body, .error_body,
.tailer { .tailer {
background-color: var(--background-1); background-color: var(--background-2);
border-radius: var(--border-radius-leaf); border-radius: var(--border-radius-leaf);
padding: var(--spacing-horizontal); padding: var(--spacing-horizontal);

14
src/partials/_pane_spacer.scss
View File

@@ -1,27 +1,23 @@
.pane_spacer { .pane_spacer {
margin: var(--margin-pane); margin: 0;
padding: 0; padding: var(--margin-pane);
width: min-content; width: min-content;
height: 100vh;
display: grid; display: grid;
grid-auto-flow: row; grid-auto-flow: row;
gap: var(--spacing-menu-gap); gap: var(--spacing-menu-gap);
position: sticky; position: sticky;
top: var(--margin-pane); top: 0;
bottom: var(--margin-pane);
right: 0; right: 0;
.spacer_container { .spacer_container {
margin: 0; margin: 0;
padding: var(--spacing-horizontal); padding: var(--spacing-horizontal);
background-color: var(--background-2); background-color: var(--background-2);
height: calc( height: 100%;
50vh - var(--margin-pane) - calc(
var(--spacing-menu-gap) / 2
) - calc(var(--spacing-horizontal) * 2)
);
border-radius: var(--border-radius-leaf); border-radius: var(--border-radius-leaf);
display: flex; display: flex;