admin/sitix-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

finish mainpage of the site

Browse Source
This commit is contained in:
Lazy Hippopotamus
2024-03-09 17:01:50 -05:00
parent daefcaf567
commit b2b7386011
18 changed files with 221 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
output/index.html
View File

@@ -1,8 +1,16 @@
<!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"> <title>Sitix | Main </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> </div> </div> <div id="main" class="scrolly-container"> <!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 | Main</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> </div> </div> <div id="main" class="scrolly-container">
<div id="toppybit"> <div> <div id="imagine" class="huge">Imagine an SSG</div> </div> <div id="switchybit"> <div class="scrolly"> <span class="big">that's FAST</span> </div> <div class="scrolly"> <span class="big">that's project agnostic</span> </div> <div class="scrolly"> <span class="big">that Keeps It Simple, Stupid</span> </div> <div class="scrolly"> <span class="big">that Just Makes Sense</span> </div> <div class="scrolly"> <span class="big">that <i class="highlight">makes no assumptions</i></span> </div> </div> </div> <h1>Sitix</h1> <div class="text toptext"> Sitix is a modern SSG (Static Site Generator) that allows you total control over how your project is assembled, without sacrificing ease. It uses an object/scope model with efficient file includes, conditional branching, looping, and command-line configuration to make stunning websites without the mess. </div>
<div id="toppybit"> <div> <div id="imagine" class="huge">Imagine an SSG</div> </div> <div id="switchybit"> <div class="scrolly"> <span class="big">that's FAST</span> </div> <div class="scrolly"> <span class="big">that's project agnostic</span> </div> <div class="scrolly"> <span class="big">that Keeps It Simple, Stupid</span> </div> <div class="scrolly"> <span class="big">that Just Makes Sense</span> </div> <div class="scrolly"> <span class="big">that <i class="highlight">makes no assumptions</i></span> </div> </div> </div> <h1>Sitix</h1> <div class="text toptext"> Sitix is a modern SSG (Static Site Generator) that allows you total control over how your project is assembled, without sacrificing ease. It uses an object/scope model with efficient file includes, conditional branching, looping, and command-line configuration to make stunning websites without the mess. </div>
<div class="textimage scrolly"> <div class="textimage scrolly">
<div class="textimage-text"> Template all the things. Any Sitix file can be a template; the [?] opening phrase indicates that (for whatever reason) the file shouldn't be rendered normally, but still may be included in other files - for configuration, templating, or even modular elements! </div> <div class="textimage-text">Template all the things. Any Sitix file can be a template; the [?] opening phrase indicates that (for whatever reason) the file shouldn't be rendered normally, but still may be included in other files - for configuration, templating, or even modular elements! </div>
<img class="textimage-image" src="http://localhost:8080/res/default.html.png"/> <img class="textimage-image" src="http://localhost:8080/res/default.html.png"/>
</div> </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> </div> <div> Links </div> <div> More Links </div> <div> Information </div> </div> <div id="actualbottom">Site designed by Tyler Clarke and built with Sitix.</div> <script src="http://localhost:8080/res/main.js"></script> <script src="http://localhost:8080/res/scrolly.js"></script> </body> </html>
<div class="textimage scrolly">
<div class="textimage-text">Sitix is a universal preprocessor. HTML? Of course. CSS? Yep! JavaScript? Certainly! Sitix will template and preprocess 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 config 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. 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://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> </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>

9
output/pages/about.html
View File

@@ -1,7 +1,8 @@
<!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> </div> </div> <div id="main" class="scrolly-container">
<!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"> <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> </div> </div> <div id="main" class="scrolly-container"> <div class="text">
About About Page (TODO)
</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> </div> <div> Links </div> <div> More Links </div> <div> Information </div> </div> <div id="actualbottom">Site designed by Tyler Clarke and built with Sitix.</div> <script src="http://localhost:8080/res/main.js"></script> <script src="http://localhost:8080/res/scrolly.js"></script> </body> </html> </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://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> </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>

14
output/pages/install.html Normal file
View File

@@ -0,0 +1,14 @@
<!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 | Install Sitix</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> </div> </div> <div id="main" class="scrolly-container">
<div class="text">
At the moment, Sitix has no prebuilt binaries; I hope to include RPM/DEB packages in the next release.<br>To install it, you'll need to clone
<a href="https://github.com/LinuxRocks2000/sitix-rewrite">the Github repository</a>, run <code>./build.sh</code>, and (assuming the build completes successfully)
copy the generated <code>sitix</code> binary to some PATH-accessible location (<code>/usr/bin</code> is a good bet). Sitix requires a C++20-compatible
G++ installation; it has no other dependencies. Sitix is theoretically cross-compilable to Windows, but I have no intention of ever officially supporting Windows.
</div>
<div class="text">
Once you've got Sitix installed, see <a href="http://localhost:8080/pages/usage">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://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> </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>

17
output/pages/todo.html Normal file
View File

@@ -0,0 +1,17 @@
<!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 | Todo</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> </div> </div> <div id="main" class="scrolly-container">
<div class="text">
Sitix is still a pretty young piece of software, so if there's a missing feature that isn't on this list, don't hesitate to submit a feature request on <a href="https://github.com/LinuxRocks2000/sitix-rewrite/issues">the issues page</a>.
Alternatively, you could just write it yourself! This TODO list is mostly for my memory, but I would love codebase contributions to get some things crossed off.
</div>
<div class="text">
<ul>
<li>Markdown support with an @-directive</li>
<li>Code cleaning (need to fix memory management especially)</li>
<li>Make config less hack (move from [i config] to [i exists], and create empty objects on global with -c)</li>
<li>Add an unpack/ghost operator so setting objects to other objects works (something like [=ghostingName-] [%ghostedObject] [/])</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://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> </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>

BIN
output/res/forloop-example.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 54 KiB

BIN
output/res/lato.css.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 71 KiB

2
output/res/lato/lato.css
View File

@@ -1 +1 @@
/* Sitix script for the Lato font-face declarations. My editor shows numerous syntax errors; this is because it does not support Sitix scripting. */ @font-face { font-family: Lato; src: url("http://localhost:8080/res/lato/Lato-Italic.ttf"); font-weight: normal; font-style: italic, oblique; } @font-face { font-family: Lato; src: url("http://localhost:8080/res/lato/Lato-Bold.ttf"); font-weight: bold; font-style: normal; } @font-face { font-family: Lato; src: url("http://localhost:8080/res/lato/Lato-BoldItalic.ttf"); font-weight: bold; font-style: italic, oblique; } @font-face { font-family: Lato; src: url("http://localhost:8080/res/lato/Lato-Regular.ttf"); font-weight: normal; font-style: normal; } /* Sitix script for the Lato font-face declarations. My editor shows numerous syntax errors; this is because it does not support Sitix scripting. */ @font-face { font-family: Lato; src: url("http://localhost:8080/res/lato/Lato-Bold.ttf"); font-weight: bold; font-style: normal; } @font-face { font-family: Lato; src: url("http://localhost:8080/res/lato/Lato-BoldItalic.ttf"); font-weight: bold; font-style: italic; } @font-face { font-family: Lato; src: url("http://localhost:8080/res/lato/Lato-Italic.ttf"); font-weight: normal; font-style: italic; } @font-face { font-family: Lato; src: url("http://localhost:8080/res/lato/Lato-Regular.ttf"); font-weight: normal; font-style: normal; }

60
output/res/main.css
View File

@@ -25,6 +25,11 @@ img {
text-align: center; text-align: center;
} }
#nav > div > a {
margin-left: 20px;
margin-right: 20px;
}
#nav > a { #nav > a {
top: 0px; top: 0px;
position: absolute; position: absolute;
@@ -50,6 +55,7 @@ div.text {
grid-template-areas: 'top top top' grid-template-areas: 'top top top'
'line1 line2 line3'; 'line1 line2 line3';
margin-top: 50px; margin-top: 50px;
grid-template-columns: 1fr 1fr 1fr;
} }
#bottom > div:first-child { #bottom > div:first-child {
@@ -58,12 +64,12 @@ div.text {
} }
#bottom > div:first-child > a { #bottom > div:first-child > a {
display: inline-block;
height: 2em; height: 2em;
} margin-left: auto;
margin-right: 0px;
#bottom > div:first-child > span { display: inline-block;
transform: translateY(-1em); width: 2em;
transform: translateY(0.5em);
} }
#bottom > div:first-child > a > img { #bottom > div:first-child > a > img {
@@ -71,7 +77,11 @@ div.text {
} }
#bottom > div:first-child > * { #bottom > div:first-child > * {
margin: 10px; margin-bottom: 20px;
margin-top: 20px;
}
#bottom > div:first-child > span {
} }
a { a {
@@ -83,8 +93,14 @@ a:hover {
color: #999999; color: #999999;
} }
#main { body {
min-height: 100vh; min-height: 100vh;
display: flex;
flex-direction: column;
}
#bottom {
margin-top: auto;
} }
.text.scrolly { .text.scrolly {
@@ -174,6 +190,7 @@ div.toptext {
display: flex; display: flex;
padding-left: 10vw; padding-left: 10vw;
padding-right: 10vw; padding-right: 10vw;
align-items: center;
} }
.textimage > .textimage-text { .textimage > .textimage-text {
@@ -186,15 +203,32 @@ div.toptext {
flex-direction: row-reverse; flex-direction: row-reverse;
} }
.textimage.scrolly:nth-child(2n + 1) {
transform: translateX(100vw);
}
.textimage.scrolly { .textimage.scrolly {
justify-content: space-between; width: 0px;
width: 200vw;
transform: translate(-50vw);
overflow: hidden; overflow: hidden;
transition: width 5s, transform 5s; transition: width 2s, transform 2s, padding 2s;
box-sizing: border-box;
padding: 0px;
} }
.textimage.scrolly.scrolly-entered { .textimage.scrolly.scrolly-entered {
width: auto; width: 100vw;
transform: none; transform: none;
} padding-left: 10vw;
padding-right: 10vw;
}
.plug {
text-align: center;
font-size: 3em;
}
code {
background-color: #000044;
color: white;
font-family: monospace;
}

15
site/index.html
View File

@@ -30,8 +30,17 @@
[=textimage_text-] [=textimage_text-]
Template all the things. Any Sitix file can be a template; the \[?] opening phrase indicates that (for whatever reason) the file shouldn't be rendered normally, Template all the things. Any Sitix file can be a template; the \[?] opening phrase indicates that (for whatever reason) the file shouldn't be rendered normally,
but still may be included in other files - for configuration, templating, or even modular elements! but still may be included in other files - for configuration, templating, or even modular elements!
[/] [/][=textimage_source-][^baseurl]/res/default.html.png[/][^textimage]
[=textimage_source-][^baseurl]/res/default.html.png[/] [=textimage_text-]
[^textimage] Sitix is a universal preprocessor. HTML? Of course. CSS? Yep! JavaScript? Certainly! Sitix will template and preprocess 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 config in a config.stx file and let Sitix do the rest!
[/][=textimage_source-][^baseurl]/res/lato.css.png[/][^textimage]
<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.
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="[^baseurl]/pages/install">install Sitix</a> and start building modern websites now!
</div>
[/] [/]
[#templates/default.html] [#templates/default.html]

3
site/modules/textimage.stx
View File

@@ -1,5 +1,8 @@
[?] [?]
[=textimage-text ]
[=textimage-image ]
[=textimage-] [=textimage-]
<div class="textimage scrolly"> <div class="textimage scrolly">
<div class="textimage-text">[^textimage_text]</div> <div class="textimage-text">[^textimage_text]</div>

5
site/pages/about.html
View File

@@ -1,7 +1,8 @@
[!] [!]
[=isLinked]
[=title About] [=title About]
[=content-] [=content-]
About <div class="text">
About Page (TODO)
</div>
[/] [/]
[#templates/default.html] [#templates/default.html]

14
site/pages/install.html Normal file
View File

@@ -0,0 +1,14 @@
[!]
[=title Install Sitix]
[=content-]
<div class="text">
At the moment, Sitix has no prebuilt binaries; I hope to include RPM/DEB packages in the next release.<br>To install it, you'll need to clone
<a href="https://github.com/LinuxRocks2000/sitix-rewrite">the Github repository</a>, run <code>./build.sh</code>, and (assuming the build completes successfully)
copy the generated <code>sitix</code> binary to some PATH-accessible location (<code>/usr/bin</code> is a good bet). Sitix requires a C++20-compatible
G++ installation; it has no other dependencies. Sitix is theoretically cross-compilable to Windows, but I have no intention of ever officially supporting Windows.
</div>
<div class="text">
Once you've got Sitix installed, see <a href="[^baseurl]/pages/usage">Usage</a>.
</div>
[/]
[#templates/default.html]

17
site/pages/todo.html Normal file
View File

@@ -0,0 +1,17 @@
[!]
[=title Todo]
[=content-]
<div class="text">
Sitix is still a pretty young piece of software, so if there's a missing feature that isn't on this list, don't hesitate to submit a feature request on <a href="https://github.com/LinuxRocks2000/sitix-rewrite/issues">the issues page</a>.
Alternatively, you could just write it yourself! This TODO list is mostly for my memory, but I would love codebase contributions to get some things crossed off.
</div>
<div class="text">
<ul>
<li>Markdown support with an @-directive</li>
<li>Code cleaning (need to fix memory management especially)</li>
<li>Make config less hack (move from \[i config] to \[i exists], and create empty objects on global with -c)</li>
<li>Add an unpack/ghost operator so setting objects to other objects works (something like \[=ghostingName-] \[%ghostedObject] \[/])</li>
</ul>
</div>
[/]
[#templates/default.html]

BIN
site/res/forloop-example.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 54 KiB

BIN
site/res/lato.css.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 71 KiB

16
site/res/lato/lato.css
View File

@@ -1,13 +1,6 @@
[!][@on minify] [!][@on minify]
/* Sitix script for the Lato font-face declarations. My editor shows numerous syntax errors; this is because it does not support Sitix scripting. */ /* Sitix script for the Lato font-face declarations. My editor shows numerous syntax errors; this is because it does not support Sitix scripting. */
[#config.stx] [#config.stx]
@font-face {
font-family: Lato;
src: url("[^baseurl]/res/lato/Lato-Italic.ttf");
font-weight: normal;
font-style: italic, oblique;
}
@font-face { @font-face {
font-family: Lato; font-family: Lato;
src: url("[^baseurl]/res/lato/Lato-Bold.ttf"); src: url("[^baseurl]/res/lato/Lato-Bold.ttf");
@@ -19,7 +12,14 @@
font-family: Lato; font-family: Lato;
src: url("[^baseurl]/res/lato/Lato-BoldItalic.ttf"); src: url("[^baseurl]/res/lato/Lato-BoldItalic.ttf");
font-weight: bold; font-weight: bold;
font-style: italic, oblique; font-style: italic;
}
@font-face {
font-family: Lato;
src: url("[^baseurl]/res/lato/Lato-Italic.ttf");
font-weight: normal;
font-style: italic;
} }
@font-face { @font-face {

60
site/res/main.css
View File

@@ -25,6 +25,11 @@ img {
text-align: center; text-align: center;
} }
#nav > div > a {
margin-left: 20px;
margin-right: 20px;
}
#nav > a { #nav > a {
top: 0px; top: 0px;
position: absolute; position: absolute;
@@ -50,6 +55,7 @@ div.text {
grid-template-areas: 'top top top' grid-template-areas: 'top top top'
'line1 line2 line3'; 'line1 line2 line3';
margin-top: 50px; margin-top: 50px;
grid-template-columns: 1fr 1fr 1fr;
} }
#bottom > div:first-child { #bottom > div:first-child {
@@ -58,12 +64,12 @@ div.text {
} }
#bottom > div:first-child > a { #bottom > div:first-child > a {
display: inline-block;
height: 2em; height: 2em;
} margin-left: auto;
margin-right: 0px;
#bottom > div:first-child > span { display: inline-block;
transform: translateY(-1em); width: 2em;
transform: translateY(0.5em);
} }
#bottom > div:first-child > a > img { #bottom > div:first-child > a > img {
@@ -71,7 +77,11 @@ div.text {
} }
#bottom > div:first-child > * { #bottom > div:first-child > * {
margin: 10px; margin-bottom: 20px;
margin-top: 20px;
}
#bottom > div:first-child > span {
} }
a { a {
@@ -83,8 +93,14 @@ a:hover {
color: #999999; color: #999999;
} }
#main { body {
min-height: 100vh; min-height: 100vh;
display: flex;
flex-direction: column;
}
#bottom {
margin-top: auto;
} }
.text.scrolly { .text.scrolly {
@@ -174,6 +190,7 @@ div.toptext {
display: flex; display: flex;
padding-left: 10vw; padding-left: 10vw;
padding-right: 10vw; padding-right: 10vw;
align-items: center;
} }
.textimage > .textimage-text { .textimage > .textimage-text {
@@ -186,15 +203,32 @@ div.toptext {
flex-direction: row-reverse; flex-direction: row-reverse;
} }
.textimage.scrolly:nth-child(2n + 1) {
transform: translateX(100vw);
}
.textimage.scrolly { .textimage.scrolly {
justify-content: space-between; width: 0px;
width: 200vw;
transform: translate(-50vw);
overflow: hidden; overflow: hidden;
transition: width 5s, transform 5s; transition: width 2s, transform 2s, padding 2s;
box-sizing: border-box;
padding: 0px;
} }
.textimage.scrolly.scrolly-entered { .textimage.scrolly.scrolly-entered {
width: auto; width: 100vw;
transform: none; transform: none;
} padding-left: 10vw;
padding-right: 10vw;
}
.plug {
text-align: center;
font-size: 3em;
}
code {
background-color: #000044;
color: white;
font-family: monospace;
}

26
site/templates/default.html
View File

@@ -7,6 +7,7 @@
<head> <head>
<link rel="stylesheet" href="[^baseurl]/res/main.css"> <link rel="stylesheet" href="[^baseurl]/res/main.css">
<link rel="stylesheet" href="[^baseurl]/res/lato/lato.css"> <link rel="stylesheet" href="[^baseurl]/res/lato/lato.css">
<link rel="icon" href="[^baseurl]/res/sitix.svg">
<title>Sitix | <title>Sitix |
[i exists title] [i exists title]
[^title] [^title]
@@ -30,19 +31,34 @@
<div id="bottom"> <div id="bottom">
<div> <div>
<a href="[^baseurl]"><img src="[^baseurl]/res/sitix-large.png" /></a> <a href="[^baseurl]"><img src="[^baseurl]/res/sitix-large.png" /></a>
<span>Sitix by Tyler Clarke</span> <span>Sitix by Tyler Clarke</span><br>
</div> </div>
<div> <div>
Links <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://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>
<div> <div>
More Links <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>
<div> <div>
Information <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">The Todo List</a>.
</div> </div>
</div> </div>
<div id="actualbottom">Site designed by Tyler Clarke and built with Sitix.</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/main.js"></script>
<script src="[^baseurl]/res/scrolly.js"></script> <script src="[^baseurl]/res/scrolly.js"></script>
</body> </body>