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

7
src/blog/index.html
View File

@@ -18,10 +18,15 @@
</nav> </nav>
<div class="pane_main"> <div class="pane_main">
<div class="main_body"> <div class="main_body">
<h1>Blog</h1> <div class="header">
<h1 class="title">Blog</h1>
<p class="date">Last Edited: 03 August, 2025</p>
</div>
<div class="body">
<h2>I have an RSS feed!</h2> <h2>I have an RSS feed!</h2>
<p>Just look for the RSS Quick Link in the Navigation pane.</p> <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>
<div class="pane_spacer"> <div class="pane_spacer">

450
src/index.html
View File

@@ -18,252 +18,270 @@
</nav> </nav>
<div class="pane_main"> <div class="pane_main">
<div class="main_body"> <div class="main_body">
<h1>Home</h1> <div class="header">
<h1 class="title">Home</h1>
<p class="date">Last Edited: 03 August, 2025</p>
</div>
<div class="body">
<p>lorem ipsum idk what else there is in this latin phrase</p> <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
sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis 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. 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 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
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. 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 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
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. 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 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
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. 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 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
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. 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 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
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. 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 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
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. 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 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
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. 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 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
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. 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 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
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. 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 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
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. 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 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
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. 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 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
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. 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 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.
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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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> </p>
</div> </div>
</div>
<include src="includes/tailer.html" /> <include src="includes/tailer.html" />
</div> </div>
<div class="pane_spacer"> <div class="pane_spacer">

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;