flexyyyy and also line height eyyyy

This commit is contained in:
Lazy Hippopotamus
2024-03-09 21:16:50 -05:00
parent d8a8680713
commit 12ab5824ed
9 changed files with 58 additions and 42 deletions

View File

@@ -48,16 +48,13 @@ div.text {
padding-bottom: 50px;
padding-left: 15vw;
padding-right: 15vw;
line-height: 2em;
}
#bottom {
box-shadow: 0px 0px 5px black;
padding: 50px;
display: grid;
grid-template-areas: 'top top top'
'line1 line2 line3';
margin-top: 50px;
grid-template-columns: 1fr 1fr 1fr;
}
#bottom > div:first-child {
@@ -83,9 +80,6 @@ div.text {
margin-top: 20px;
}
#bottom > div:first-child > span {
}
a {
text-decoration: none;
color: #666666;
@@ -147,6 +141,7 @@ span.big {
position: sticky;
top: 50vh;
transform: translateY(-50%);
margin-left: 10vw;
}
#switchybit > div {
@@ -204,6 +199,7 @@ div.toptext {
flex: 2;
padding: 100px;
font-size: 1.2em;
line-height: 2em;
}
.textimage:nth-child(2n + 1) {
@@ -264,4 +260,22 @@ code {
background-repeat: no-repeat;
margin: 20px;
float: left;
}
#bottomFlex {
display: flex;
justify-content: space-between;
}
#bottomFlex > * {
padding-left: 50px;
padding-right: 50px;
}
#bottomFlex > *:nth-child(2) {
flex-grow: 5;
}
#bottomFlex > *:nth-child(3) {
max-width: 40vw;
}

View File

@@ -36,32 +36,34 @@
<a href="[^baseurl]"><img src="[^baseurl]/res/sitix-large.png" /></a>
<span>Sitix by Tyler Clarke</span><br>
</div>
<div>
<b>Shameless Plugs</b><br>
<a href="https://swaous.asuscomm.com">Tyler Clarke's personal site</a><br>
<a href="https://linuxrocks2000.github.io/">Tyler Clarke's (old) webcomic/blog/personal site</a><br>
<a href="https://fedoraproject.org/">Fedora Linux</a><br>
<a href="https://www.gnu.org/">GNU</a><br>
<a href="https://www.fsf.org/">The Free Software Foundation</a><br>
<a href="https://avrahamsociety.org/">The Avraham Society (first site to be officially generated with Sitix)</a><br>
<a href="https://linuxrocks2000.github.io/not-art-gallery">The Not Art Gallery</a>
</div>
<div>
<b>Places in This Site</b><br>
<a href="[^baseurl]">Home</a><br>
[f pages i]
<a href="[^baseurl]/pages/[^i.filename]">[^i.title]</a><br>
[/]
</div>
<div>
<b>Information</b><br>
Sitix (including this website) is <a href="https://opensource.org/osd">open-source</a> <a href="https://www.fsf.org/about/">Free Software</a> protected by <a href="https://www.gnu.org/licenses/gpl-3.0.en.html">GNU GPLv3</a>.
Looking to contribute? The source code for this website is hosted on <a href="https://github.com/LinuxRocks2000/sitix-website">Github</a>, as is
<a href="https://github.com/LinuxRocks2000/sitix-rewrite">Sitix itself</a>.<br>
Sitix is still young and probably buggy; if you have issues, submit a bug report at <a href="https://github.com/LinuxRocks2000/sitix-rewrite/issues">
the issues page
</a> or contact me at <a href="mailto:plupy44@gmail.com">plupy44@gmail.com</a> (github issue preferred).<br>
If you want to contribute, but don't know where to start, see <a href="[^baseurl]/pages/todo.html">The Todo List</a>.
<div id="bottomFlex">
<div>
<b>Shameless Plugs</b><br>
<a href="https://swaous.asuscomm.com">Tyler Clarke's personal site</a><br>
<a href="https://linuxrocks2000.github.io/">Tyler Clarke's (old) webcomic/blog/personal site</a><br>
<a href="https://fedoraproject.org/">Fedora Linux</a><br>
<a href="https://www.gnu.org/">GNU</a><br>
<a href="https://www.fsf.org/">The Free Software Foundation</a><br>
<a href="https://avrahamsociety.org/">The Avraham Society (first site to be officially generated with Sitix)</a><br>
<a href="https://linuxrocks2000.github.io/not-art-gallery">The Not Art Gallery</a>
</div>
<div>
<b>Places in This Site</b><br>
<a href="[^baseurl]">Home</a><br>
[f pages i]
<a href="[^baseurl]/pages/[^i.filename]">[^i.title]</a><br>
[/]
</div>
<div>
<b>Information</b><br>
Sitix (including this website) is <a href="https://opensource.org/osd">open-source</a> <a href="https://www.fsf.org/about/">Free Software</a> protected by <a href="https://www.gnu.org/licenses/gpl-3.0.en.html">GNU GPLv3</a>.
Looking to contribute? The source code for this website is hosted on <a href="https://github.com/LinuxRocks2000/sitix-website">Github</a>, as is
<a href="https://github.com/LinuxRocks2000/sitix-rewrite">Sitix itself</a>.<br>
Sitix is still young and probably buggy; if you have issues, submit a bug report at <a href="https://github.com/LinuxRocks2000/sitix-rewrite/issues">
the issues page
</a> or contact me at <a href="mailto:plupy44@gmail.com">plupy44@gmail.com</a> (github issue preferred).<br>
If you want to contribute, but don't know where to start, see <a href="[^baseurl]/pages/todo.html">The Todo List</a>.
</div>
</div>
</div>
<div id="actualbottom">Site designed by Tyler Clarke and built with Sitix. This page uses the <a href="https://www.latofonts.com/lato-free-fonts/">Lato fonts</a>.</div>