flexyyyy and also line height eyyyy
This commit is contained in:
Lazy Hippopotamus committed
1 parent
d8a8680713
commit
12ab5824ed
9 files changed
+32
-16
No files matched your search
+1
-1
@@ -13,4 +13,4 @@
|
||||
<div class="textimage-text">Sitix is a universal preprocessor. HTML? Of course. CSS? Yep! JavaScript? Certainly! Sitix will template anything, whether it be a nice simple HTML file or a hand-edited GIF from 1998. Say goodbye to annoying configuration discrepancies between CSS and HTML and JavaScript - just throw your shared variables in a config.stx file and let Sitix do the rest! </div>
|
||||
<img class="textimage-image" src="http://localhost:8080/res/lato.css.png"/>
|
||||
</div>
|
||||
<div class="text scrolly" style="font-size: 2em;"> No more restrictive project structures, irritating configuration files, or <b>magic</b>. Goodbye Ruby, "blog-awareness", difficult configuration, and bulky outputs. Sayonara obtuse frameworks, inefficient CSR, and annoying configuration. Sitix renders <b>what you want, when you want it,</b> and doesn't ask questions. </div> <div class="text plug"> Like what you see? <a href="http://localhost:8080/pages/install">install Sitix</a> and start building modern websites now! </div> </div> <div id="bottom"> <div> <a href="http://localhost:8080"><img src="http://localhost:8080/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="http://localhost:8080">Home</a><br> <a href="http://localhost:8080/pages/about.html">About</a><br> <a href="http://localhost:8080/pages/install.html">Install Sitix</a><br> <a href="http://localhost:8080/pages/todo.html">Todo</a><br> <a href="http://localhost:8080/pages/noteboard.html">Noteboard</a><br> <a href="http://localhost:8080/pages/usage.html">Usage</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="http://localhost:8080/pages/todo">The Todo List</a>. </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> <script src="http://localhost:8080/res/main.js"></script> <script src="http://localhost:8080/res/scrolly.js"></script> </body> </html>
|
||||
<div class="text scrolly" style="font-size: 2em;"> No more restrictive project structures, irritating configuration files, or <b>magic</b>. Goodbye Ruby, "blog-awareness", difficult configuration, and bulky outputs. Sayonara obtuse frameworks, inefficient CSR, and annoying project structures. Sitix renders <b>what you want, when you want it,</b> and doesn't ask questions. </div> <div class="text plug"> Like what you see? <a href="http://localhost:8080/pages/install.html">install Sitix</a> and start building modern websites now! </div> </div> <div id="bottom"> <div> <a href="http://localhost:8080"><img src="http://localhost:8080/res/sitix-large.png" /></a> <span>Sitix by Tyler Clarke</span><br> </div> <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="http://localhost:8080">Home</a><br> <a href="http://localhost:8080/pages/about.html">About</a><br> <a href="http://localhost:8080/pages/install.html">Install Sitix</a><br> <a href="http://localhost:8080/pages/todo.html">Todo</a><br> <a href="http://localhost:8080/pages/noteboard.html">Noteboard</a><br> <a href="http://localhost:8080/pages/usage.html">Usage</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="http://localhost:8080/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> <script src="http://localhost:8080/res/main.js"></script> <script src="http://localhost:8080/res/scrolly.js"></script> </body> </html>
|
||||
@@ -1 +1 @@
|
||||
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="http://localhost:8080/res/main.css"> <link rel="stylesheet" href="http://localhost:8080/res/lato/lato.css"> <link rel="icon" href="http://localhost:8080/res/sitix.svg"> <title>Sitix | About</title> </head> <body> <div id="nav"> <a href="http://localhost:8080"><img src="http://localhost:8080/res/sitix-large.png"/></a> <div> <a href="http://localhost:8080/pages/about.html">About</a> <a href="http://localhost:8080/pages/install.html">Install Sitix</a> <a href="http://localhost:8080/pages/todo.html">Todo</a> <a href="http://localhost:8080/pages/noteboard.html">Noteboard</a> <a href="http://localhost:8080/pages/usage.html">Usage</a> </div> </div> <div id="main" class="scrolly-container"> <h2>About</h2> <div class="text"> Sitix began in Summer '23 when I got fed up with the quirks of Jekyll and decided to build my own templating engine. I put together a schematic not unlike modern Sitix and began implementing it in Rust (which I had just learned), but I quickly realized that my pattern was simply not going to work for such a complex design, and so after a lot of fruitless debugging and such I eventually stopped developing it. It's probably still up <a href="https://github.com/LinuxRocks2000/sitix">here</a>.<br> In November '24 I was working on a client's website and, once again, got fed up with Jekyll. I remembered the Sitix project I'd begun in 2023 and tried to implement it - but failed spectacularly. Sitix was a shipwreck. So, through early March, I reimplemented: I moved to C++, a much more familiar language; changed the structure to be just quirky enough to satisfy me while still robust and usable, and quickly got Sitix behind several websites.<br><br> Sitix is designed to replace everything I like about Jekyll (Liquid. It's just Liquid. I hate literally everything else), while also providing a saner interface, and being much easier to compile and install (farewell, Gem Hell). I also incorporated concepts from JavaScript (especially JSON); parts of the object model are obviously inspired by JavaScript, and the tree-like structure of a Sitix file is heavily remnant of JSON. I also added a little of my own "charm"; evident in the scope system (which is even less sane than JavaScript's) and the not-quite-XML tag structure.<br><br> Sitix is a very young project, and I'm still working out the bugs and adding crucial features. The stuff I'm working on is usually going to be near the top of <a href="http://localhost:8080/pages/todo.html">the TODO list</a>.<br><br> Sitix is protected by GNU GPLv3. Please put a little "built with Sitix by Tyler Clarke" with a link to this website somewhere on every Sitix-generated page you make (Sitix can make this easy with templates :D), if you choose to use Sitix. </div> </div> <div id="bottom"> <div> <a href="http://localhost:8080"><img src="http://localhost:8080/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="http://localhost:8080">Home</a><br> <a href="http://localhost:8080/pages/about.html">About</a><br> <a href="http://localhost:8080/pages/install.html">Install Sitix</a><br> <a href="http://localhost:8080/pages/todo.html">Todo</a><br> <a href="http://localhost:8080/pages/noteboard.html">Noteboard</a><br> <a href="http://localhost:8080/pages/usage.html">Usage</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="http://localhost:8080/pages/todo">The Todo List</a>. </div> </div> <div id="actualbottom">Site designed by Tyler Clarke and built with Sitix. This page uses the <a href="https://www.latofonts.coLine truncated
|
||||
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="http://localhost:8080/res/main.css"> <link rel="stylesheet" href="http://localhost:8080/res/lato/lato.css"> <link rel="icon" href="http://localhost:8080/res/sitix.svg"> <title>Sitix | About</title> </head> <body> <div id="nav"> <a href="http://localhost:8080"><img src="http://localhost:8080/res/sitix-large.png"/></a> <div> <a href="http://localhost:8080/pages/about.html">About</a> <a href="http://localhost:8080/pages/install.html">Install Sitix</a> <a href="http://localhost:8080/pages/todo.html">Todo</a> <a href="http://localhost:8080/pages/noteboard.html">Noteboard</a> <a href="http://localhost:8080/pages/usage.html">Usage</a> </div> </div> <div id="main" class="scrolly-container"> <h2>About</h2> <div class="text"> Sitix began in Summer '23 when I got fed up with the quirks of Jekyll and decided to build my own templating engine. I put together a schematic not unlike modern Sitix and began implementing it in Rust (which I had just learned), but I quickly realized that my pattern was simply not going to work for such a complex design, and so after a lot of fruitless debugging and such I eventually stopped developing it. It's probably still up <a href="https://github.com/LinuxRocks2000/sitix">here</a>.<br> In November '24 I was working on a client's website and, once again, got fed up with Jekyll. I remembered the Sitix project I'd begun in 2023 and tried to implement it - but failed spectacularly. Sitix was a shipwreck. So, through early March, I reimplemented: I moved to C++, a much more familiar language; changed the structure to be just quirky enough to satisfy me while still robust and usable, and quickly got Sitix behind several websites.<br><br> Sitix is designed to replace everything I like about Jekyll (Liquid. It's just Liquid. I hate literally everything else), while also providing a saner interface, and being much easier to compile and install (farewell, Gem Hell). I also incorporated concepts from JavaScript (especially JSON); parts of the object model are obviously inspired by JavaScript, and the tree-like structure of a Sitix file is heavily remnant of JSON. I also added a little of my own "charm"; evident in the scope system (which is even less sane than JavaScript's) and the not-quite-XML tag structure.<br><br> Sitix is a very young project, and I'm still working out the bugs and adding crucial features. The stuff I'm working on is usually going to be near the top of <a href="http://localhost:8080/pages/todo.html">the TODO list</a>.<br><br> Sitix is protected by GNU GPLv3. Please put a little "built with Sitix by Tyler Clarke" with a link to this website somewhere on every Sitix-generated page you make (Sitix can make this easy with templates :D), if you choose to use Sitix. </div> </div> <div id="bottom"> <div> <a href="http://localhost:8080"><img src="http://localhost:8080/res/sitix-large.png" /></a> <span>Sitix by Tyler Clarke</span><br> </div> <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="http://localhost:8080">Home</a><br> <a href="http://localhost:8080/pages/about.html">About</a><br> <a href="http://localhost:8080/pages/install.html">Install Sitix</a><br> <a href="http://localhost:8080/pages/todo.html">Todo</a><br> <a href="http://localhost:8080/pages/noteboard.html">Noteboard</a><br> <a href="http://localhost:8080/pages/usage.html">Usage</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="http://localhost:8080/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 theLine truncated
|
||||
@@ -14,6 +14,6 @@
|
||||
Microsoft doesn't deserve it.
|
||||
</div>
|
||||
<div class="text">
|
||||
Once you've got Sitix installed, see <a href="http://localhost:8080/pages/usage">Usage</a>.
|
||||
Once you've got Sitix installed, see <a href="http://localhost:8080/pages/usage.html">Usage</a>.
|
||||
</div>
|
||||
</div> <div id="bottom"> <div> <a href="http://localhost:8080"><img src="http://localhost:8080/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="http://localhost:8080">Home</a><br> <a href="http://localhost:8080/pages/about.html">About</a><br> <a href="http://localhost:8080/pages/install.html">Install Sitix</a><br> <a href="http://localhost:8080/pages/todo.html">Todo</a><br> <a href="http://localhost:8080/pages/noteboard.html">Noteboard</a><br> <a href="http://localhost:8080/pages/usage.html">Usage</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="http://localhost:8080/pages/todo">The Todo List</a>. </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> <script src="http://localhost:8080/res/main.js"></script> <script src="http://localhost:8080/res/scrolly.js"></script> </body> </html>
|
||||
</div> <div id="bottom"> <div> <a href="http://localhost:8080"><img src="http://localhost:8080/res/sitix-large.png" /></a> <span>Sitix by Tyler Clarke</span><br> </div> <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="http://localhost:8080">Home</a><br> <a href="http://localhost:8080/pages/about.html">About</a><br> <a href="http://localhost:8080/pages/install.html">Install Sitix</a><br> <a href="http://localhost:8080/pages/todo.html">Todo</a><br> <a href="http://localhost:8080/pages/noteboard.html">Noteboard</a><br> <a href="http://localhost:8080/pages/usage.html">Usage</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="http://localhost:8080/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> <script src="http://localhost:8080/res/main.js"></script> <script src="http://localhost:8080/res/scrolly.js"></script> </body> </html>
|
||||
@@ -1 +1 @@
|
||||
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="http://localhost:8080/res/main.css"> <link rel="stylesheet" href="http://localhost:8080/res/lato/lato.css"> <link rel="icon" href="http://localhost:8080/res/sitix.svg"> <title>Sitix | Noteboard</title> </head> <body> <div id="nav"> <a href="http://localhost:8080"><img src="http://localhost:8080/res/sitix-large.png"/></a> <div> <a href="http://localhost:8080/pages/about.html">About</a> <a href="http://localhost:8080/pages/install.html">Install Sitix</a> <a href="http://localhost:8080/pages/todo.html">Todo</a> <a href="http://localhost:8080/pages/noteboard.html">Noteboard</a> <a href="http://localhost:8080/pages/usage.html">Usage</a> </div> </div> <div id="main" class="scrolly-container"> <h2>Noteboard</h2> <div class="text"> This is where I'll post miscellaneous notes on Sitix stuff. If you're using Sitix (or just interested in the project), you should check back here periodically for information on new releases, design considerations, known bugs, etc. You can think of it as a miniblog. </div> <div class="text"> <b>2024-3-9:</b> The stupid "Something has gone terribly wrong" warning is NOT important; you can safely ignore it. It's just debugging information pour moi. </div> </div> <div id="bottom"> <div> <a href="http://localhost:8080"><img src="http://localhost:8080/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="http://localhost:8080">Home</a><br> <a href="http://localhost:8080/pages/about.html">About</a><br> <a href="http://localhost:8080/pages/install.html">Install Sitix</a><br> <a href="http://localhost:8080/pages/todo.html">Todo</a><br> <a href="http://localhost:8080/pages/noteboard.html">Noteboard</a><br> <a href="http://localhost:8080/pages/usage.html">Usage</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="http://localhost:8080/pages/todo">The Todo List</a>. </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> <script src="http://localhost:8080/res/main.js"></script> <script src="http://localhost:8080/res/scrolly.js"></script> </body> </html>
|
||||
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="http://localhost:8080/res/main.css"> <link rel="stylesheet" href="http://localhost:8080/res/lato/lato.css"> <link rel="icon" href="http://localhost:8080/res/sitix.svg"> <title>Sitix | Noteboard</title> </head> <body> <div id="nav"> <a href="http://localhost:8080"><img src="http://localhost:8080/res/sitix-large.png"/></a> <div> <a href="http://localhost:8080/pages/about.html">About</a> <a href="http://localhost:8080/pages/install.html">Install Sitix</a> <a href="http://localhost:8080/pages/todo.html">Todo</a> <a href="http://localhost:8080/pages/noteboard.html">Noteboard</a> <a href="http://localhost:8080/pages/usage.html">Usage</a> </div> </div> <div id="main" class="scrolly-container"> <h2>Noteboard</h2> <div class="text"> This is where I'll post miscellaneous notes on Sitix stuff. If you're using Sitix (or just interested in the project), you should check back here periodically for information on new releases, design considerations, known bugs, etc. You can think of it as a miniblog. </div> <div class="text"> <b>2024-3-9:</b> The stupid "Something has gone terribly wrong" warning is NOT important; you can safely ignore it. It's just debugging information pour moi. </div> </div> <div id="bottom"> <div> <a href="http://localhost:8080"><img src="http://localhost:8080/res/sitix-large.png" /></a> <span>Sitix by Tyler Clarke</span><br> </div> <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="http://localhost:8080">Home</a><br> <a href="http://localhost:8080/pages/about.html">About</a><br> <a href="http://localhost:8080/pages/install.html">Install Sitix</a><br> <a href="http://localhost:8080/pages/todo.html">Todo</a><br> <a href="http://localhost:8080/pages/noteboard.html">Noteboard</a><br> <a href="http://localhost:8080/pages/usage.html">Usage</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="http://localhost:8080/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> <script src="http://localhost:8080/res/main.js"></script> <script src="http://localhost:8080/res/scrolly.js"></script> </body> </html>
|
||||
@@ -17,4 +17,4 @@
|
||||
<li>Get rid of that stupid "something has gone terribly wrong" warning. It's not a problem, it's just an artefact of an old debugging marathon.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> <div id="bottom"> <div> <a href="http://localhost:8080"><img src="http://localhost:8080/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="http://localhost:8080">Home</a><br> <a href="http://localhost:8080/pages/about.html">About</a><br> <a href="http://localhost:8080/pages/install.html">Install Sitix</a><br> <a href="http://localhost:8080/pages/todo.html">Todo</a><br> <a href="http://localhost:8080/pages/noteboard.html">Noteboard</a><br> <a href="http://localhost:8080/pages/usage.html">Usage</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="http://localhost:8080/pages/todo">The Todo List</a>. </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> <script src="http://localhost:8080/res/main.js"></script> <script src="http://localhost:8080/res/scrolly.js"></script> </body> </html>
|
||||
</div> <div id="bottom"> <div> <a href="http://localhost:8080"><img src="http://localhost:8080/res/sitix-large.png" /></a> <span>Sitix by Tyler Clarke</span><br> </div> <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="http://localhost:8080">Home</a><br> <a href="http://localhost:8080/pages/about.html">About</a><br> <a href="http://localhost:8080/pages/install.html">Install Sitix</a><br> <a href="http://localhost:8080/pages/todo.html">Todo</a><br> <a href="http://localhost:8080/pages/noteboard.html">Noteboard</a><br> <a href="http://localhost:8080/pages/usage.html">Usage</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="http://localhost:8080/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> <script src="http://localhost:8080/res/main.js"></script> <script src="http://localhost:8080/res/scrolly.js"></script> </body> </html>
|
||||
@@ -4,7 +4,7 @@
|
||||
|
||||
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="http://localhost:8080/res/main.css"> <link rel="stylesheet" href="http://localhost:8080/res/lato/lato.css"> <link rel="icon" href="http://localhost:8080/res/sitix.svg"> <title>Sitix | Usage</title> </head> <body> <div id="nav"> <a href="http://localhost:8080"><img src="http://localhost:8080/res/sitix-large.png"/></a> <div> <a href="http://localhost:8080/pages/about.html">About</a> <a href="http://localhost:8080/pages/install.html">Install Sitix</a> <a href="http://localhost:8080/pages/todo.html">Todo</a> <a href="http://localhost:8080/pages/noteboard.html">Noteboard</a> <a href="http://localhost:8080/pages/usage.html">Usage</a> </div> </div> <div id="main" class="scrolly-container"> <h2>Usage</h2>
|
||||
<div class="text">
|
||||
Sitix is a KISS program, so there's not a lot of setup. Once you've got it installed (see <a href="http://localhost:8080/pages/install">for information on that</a>),
|
||||
Sitix is a KISS program, so there's not a lot of setup. Once you've got it installed (see <a href="http://localhost:8080/pages/install.html">for information on that</a>),
|
||||
you need a project to build. The simplest Sitix project structure is just a <code>site</code> folder, which contains the actual Sitix "scripts". When
|
||||
(you absolutely must be outside of the site directory to do this!) you run <code>sitix site</code>, Sitix will delete the <code>output</code> directory
|
||||
and all contents, if it exists, and then create a new <code>output</code> directory for the compiled site code. Then, Sitix will walk down the tree of
|
||||
@@ -55,4 +55,4 @@
|
||||
For a more thorough look at Sitix, check out <a href="https://github.com/LinuxRocks2000/sitix-rewrite">the source code</a>. There's a rather large comment at the start of
|
||||
<code>main.cpp</code> that provides a deep look at Sitix syntax and usage.
|
||||
</div>
|
||||
</div> <div id="bottom"> <div> <a href="http://localhost:8080"><img src="http://localhost:8080/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="http://localhost:8080">Home</a><br> <a href="http://localhost:8080/pages/about.html">About</a><br> <a href="http://localhost:8080/pages/install.html">Install Sitix</a><br> <a href="http://localhost:8080/pages/todo.html">Todo</a><br> <a href="http://localhost:8080/pages/noteboard.html">Noteboard</a><br> <a href="http://localhost:8080/pages/usage.html">Usage</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="http://localhost:8080/pages/todo">The Todo List</a>. </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> <script src="http://localhost:8080/res/main.js"></script> <script src="http://localhost:8080/res/scrolly.js"></script> </body> </html>
|
||||
</div> <div id="bottom"> <div> <a href="http://localhost:8080"><img src="http://localhost:8080/res/sitix-large.png" /></a> <span>Sitix by Tyler Clarke</span><br> </div> <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="http://localhost:8080">Home</a><br> <a href="http://localhost:8080/pages/about.html">About</a><br> <a href="http://localhost:8080/pages/install.html">Install Sitix</a><br> <a href="http://localhost:8080/pages/todo.html">Todo</a><br> <a href="http://localhost:8080/pages/noteboard.html">Noteboard</a><br> <a href="http://localhost:8080/pages/usage.html">Usage</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="http://localhost:8080/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> <script src="http://localhost:8080/res/main.js"></script> <script src="http://localhost:8080/res/scrolly.js"></script> </body> </html>
|
||||
+1
-1
@@ -1 +1 @@
|
||||
*:not(ul), body, html { margin: 0px; padding: 0px; font-family: Lato, Arial, Helvetica, sans-serif; } img { max-width: 100%; max-height: 100%; } #nav { position: sticky; top: 0px; box-shadow: 0px 0px 5px black; padding: 3px; background-color: white; z-index: 2; } #nav > div { padding-top: 0px; padding-bottom: 0px; transition: padding 0.5s; text-align: center; } #nav > div > a { margin-left: 20px; margin-right: 20px; } #nav > a { top: 0px; position: absolute; height: 100%; } #nav:hover > div { padding-top: 10px; padding-bottom: 10px; } div.text { padding-top: 50px; padding-bottom: 50px; padding-left: 15vw; padding-right: 15vw; } #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 { grid-area: top; text-align: center; } #bottom > div:first-child > a { height: 2em; margin-left: auto; margin-right: 0px; display: inline-block; width: 2em; transform: translateY(0.5em); } #bottom > div:first-child > a > img { height: 100%; } #bottom > div:first-child > * { margin-bottom: 20px; margin-top: 20px; } #bottom > div:first-child > span { } a { text-decoration: none; color: #666666; } a:hover { color: #999999; } body { min-height: 100vh; display: flex; flex-direction: column; } #bottom { margin-top: auto; } .text.scrolly { transform: translateX(-200px); opacity: 0%; transition: transform 0.5s, opacity 0.5s; } .text.scrolly.scrolly-entered { opacity: 100%; transform: none; } #toppybit { display: flex; flex-direction: row; padding: 10%; box-sizing: border-box; } .huge { font-size: 6em; } span.big { font-size: 4em; } #imagine { position: sticky; top: 50vh; transform: translateY(-50%); display: inline-block; } #switchybit > div > span { display: inline-block; background-color: #000044; padding: 10px; font-family: monospace; color: white; position: sticky; top: 50vh; transform: translateY(-50%); } #switchybit > div { height: 100vh; opacity: 0%; transition: opacity 0.1s; } #switchybit > div.scrolly-center { opacity: 100%; } i.highlight { color: red; font-size: 3rem; text-shadow: 0px 0px 2px red, 0px 0px 4px blue; } #actualbottom { background-color: black; text-align: center; color: white; font-size: 0.7em; padding: 5px; } h1, h2, h3, h4, h5, h6 { text-align: center; } h1 { font-size: 6em; text-align: right; padding-right: 10vw; } h2 { font-size: 3em; } div.toptext { padding-left: 35vw; padding-right: 15vw; font-size: 1.3em; } .textimage { display: flex; padding-left: 10vw; padding-right: 10vw; align-items: center; } .textimage > .textimage-text { flex: 2; padding: 100px; font-size: 1.2em; } .textimage:nth-child(2n + 1) { flex-direction: row-reverse; } .textimage.scrolly:nth-child(2n + 1) { transform: translateX(100vw); } .textimage.scrolly { width: 0px; overflow: hidden; transition: width 2s, transform 2s, padding 2s; box-sizing: border-box; padding: 0px; } .textimage.scrolly.scrolly-entered { width: 100vw; transform: none; padding-left: 10vw; padding-right: 10vw; } .plug { text-align: center; font-size: 3em; } code { background-color: #000044; color: white; font-family: monospace; } .note { margin-left: 30vw; margin-right: 30vw; margin-top: 50px; margin-bottom: 50px; background-color: orange; padding: 20px; box-sizing: border-box; border-radius: 20px; min-height: 180px; font-size: 1.2em; } .note::before { content: ""; background-image: url("http://localhost:8080/res/warning.svg"); background-size: contain; width: 100px; height: 100px; display: block; background-position: center; background-repeat: no-repeat; margin: 20px; float: left; }
|
||||
*:not(ul), body, html { margin: 0px; padding: 0px; font-family: Lato, Arial, Helvetica, sans-serif; } img { max-width: 100%; max-height: 100%; } #nav { position: sticky; top: 0px; box-shadow: 0px 0px 5px black; padding: 3px; background-color: white; z-index: 2; } #nav > div { padding-top: 0px; padding-bottom: 0px; transition: padding 0.5s; text-align: center; } #nav > div > a { margin-left: 20px; margin-right: 20px; } #nav > a { top: 0px; position: absolute; height: 100%; } #nav:hover > div { padding-top: 10px; padding-bottom: 10px; } div.text { padding-top: 50px; padding-bottom: 50px; padding-left: 15vw; padding-right: 15vw; line-height: 2em; } #bottom { box-shadow: 0px 0px 5px black; padding: 50px; margin-top: 50px; } #bottom > div:first-child { grid-area: top; text-align: center; } #bottom > div:first-child > a { height: 2em; margin-left: auto; margin-right: 0px; display: inline-block; width: 2em; transform: translateY(0.5em); } #bottom > div:first-child > a > img { height: 100%; } #bottom > div:first-child > * { margin-bottom: 20px; margin-top: 20px; } a { text-decoration: none; color: #666666; } a:hover { color: #999999; } body { min-height: 100vh; display: flex; flex-direction: column; } #bottom { margin-top: auto; } .text.scrolly { transform: translateX(-200px); opacity: 0%; transition: transform 0.5s, opacity 0.5s; } .text.scrolly.scrolly-entered { opacity: 100%; transform: none; } #toppybit { display: flex; flex-direction: row; padding: 10%; box-sizing: border-box; } .huge { font-size: 6em; } span.big { font-size: 4em; } #imagine { position: sticky; top: 50vh; transform: translateY(-50%); display: inline-block; } #switchybit > div > span { display: inline-block; background-color: #000044; padding: 10px; font-family: monospace; color: white; position: sticky; top: 50vh; transform: translateY(-50%); margin-left: 10vw; } #switchybit > div { height: 100vh; opacity: 0%; transition: opacity 0.1s; } #switchybit > div.scrolly-center { opacity: 100%; } i.highlight { color: red; font-size: 3rem; text-shadow: 0px 0px 2px red, 0px 0px 4px blue; } #actualbottom { background-color: black; text-align: center; color: white; font-size: 0.7em; padding: 5px; } h1, h2, h3, h4, h5, h6 { text-align: center; } h1 { font-size: 6em; text-align: right; padding-right: 10vw; } h2 { font-size: 3em; } div.toptext { padding-left: 35vw; padding-right: 15vw; font-size: 1.3em; } .textimage { display: flex; padding-left: 10vw; padding-right: 10vw; align-items: center; } .textimage > .textimage-text { flex: 2; padding: 100px; font-size: 1.2em; line-height: 2em; } .textimage:nth-child(2n + 1) { flex-direction: row-reverse; } .textimage.scrolly:nth-child(2n + 1) { transform: translateX(100vw); } .textimage.scrolly { width: 0px; overflow: hidden; transition: width 2s, transform 2s, padding 2s; box-sizing: border-box; padding: 0px; } .textimage.scrolly.scrolly-entered { width: 100vw; transform: none; padding-left: 10vw; padding-right: 10vw; } .plug { text-align: center; font-size: 3em; } code { background-color: #000044; color: white; font-family: monospace; } .note { margin-left: 30vw; margin-right: 30vw; margin-top: 50px; margin-bottom: 50px; background-color: orange; padding: 20px; box-sizing: border-box; border-radius: 20px; min-height: 180px; font-size: 1.2em; } .note::before { content: ""; background-image: url("http://localhost:8080/res/warning.svg"); background-size: contain; width: 100px; height: 100px; display: block; background-position: center; 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; }
|
||||
+21
-7
@@ -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) {
|
||||
@@ -265,3 +261,21 @@ code {
|
||||
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;
|
||||
}
|
||||
@@ -36,6 +36,7 @@
|
||||
<a href="[^baseurl]"><img src="[^baseurl]/res/sitix-large.png" /></a>
|
||||
<span>Sitix by Tyler Clarke</span><br>
|
||||
</div>
|
||||
<div id="bottomFlex">
|
||||
<div>
|
||||
<b>Shameless Plugs</b><br>
|
||||
<a href="https://swaous.asuscomm.com">Tyler Clarke's personal site</a><br>
|
||||
@@ -64,6 +65,7 @@
|
||||
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>
|
||||
<script src="[^baseurl]/res/main.js"></script>
|
||||
<script src="[^baseurl]/res/scrolly.js"></script>
|
||||
|
||||
Reference in new issue
Block a user