diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/about/index.html | 42 | ||||
| -rw-r--r-- | src/assets/css/main.css | 37 | ||||
| -rw-r--r-- | src/contact/index.html | 30 | ||||
| -rw-r--r-- | src/index.html | 26 | ||||
| -rw-r--r-- | src/people/cards/glass/glass.html | 19 | ||||
| -rw-r--r-- | src/people/cards/glass/glass.png | bin | 0 -> 1310925 bytes | |||
| -rw-r--r-- | src/people/index.html | 29 | ||||
| -rw-r--r-- | src/templates/nav.html | 6 |
8 files changed, 154 insertions, 35 deletions
diff --git a/src/about/index.html b/src/about/index.html index abf4323..4a48d61 100644 --- a/src/about/index.html +++ b/src/about/index.html @@ -7,20 +7,42 @@ <body> :?src/templates/nav.html :?src/templates/body-top.html - <section id="about"> - <h2>About:!refabout:!/ref</h2> - <article> + <article> + <br> + <section id="about"> + <div class="card"> + <div> + <span class="card-head"> + About:!refabout:!/ref + </span> + <hr> + <div class="card-body"> <p> - + There's not really much going on right now. Mostly just hosting a few <a href="/services/">services</a> and working on a few <a href="/projects/">projects</a> (potentially). </p> - <section id="attribution"> - <h2>Attribution:!refattribution:!/ref</h2> + </div> + </div> + </div> + </section> + <br> + <section id="attribution"> + <div class="card"> + <div> + <span class="card-head"> + Attribution:!refattribution:!/ref + </span> + <hr> + <div class="card-body"> <p> Icons >> <a href="https://github.com/ForkAwesome/Fork-Awesome">Fork Awesome</a> </p> - </section> - </article> - </section> + </div> + </div> + </div> + </section> + </article> + </section> :?src/templates/body-bottom.html </body> -</html> + </html> +
\ No newline at end of file diff --git a/src/assets/css/main.css b/src/assets/css/main.css index 44216d2..b08b004 100644 --- a/src/assets/css/main.css +++ b/src/assets/css/main.css @@ -205,6 +205,7 @@ main { display: flex; height: inherit; flex-flow: row nowrap; + color: var(--text-primary); } .nav-button > a > span { margin-top: auto; @@ -216,7 +217,7 @@ main { background-color: rgb(var(--secondary)); } .nav-button > a:link, .nav-button > a:visited .nav-button > a { - color: inherit; + color: var(--text-primary); text-decoration: none; } @@ -225,4 +226,38 @@ main { text-decoration: none; padding: 5px; font-size: 18px; +} + +.card { + display: flex; + background-color: rgba(var(--primary), 0.8); + padding: 10px; +} +.card > div { + flex-grow: 1; +} +.card > div > hr { + color: var(--text-secondary); +} +.card-image { + max-width: 100px; + max-height: 100px; + border: 2px solid rgb(var(--tertiary)); + margin-right: 10px; +} +.card-body { + width: 100%; + margin-top: 3px; +} +.card-body > p { + margin: 0px; + margin-top: 5px; +} +.card-head { + font-weight: bold; +} + + +.fa-pleroma { + color: #fba457; }
\ No newline at end of file diff --git a/src/contact/index.html b/src/contact/index.html new file mode 100644 index 0000000..5424611 --- /dev/null +++ b/src/contact/index.html @@ -0,0 +1,30 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + :!t | Contact:!/t + :?src/templates/inner-head.html + </head> + <body> + :?src/templates/nav.html + :?src/templates/body-top.html + <article> + <section id="about"> + <br> + <div class="card"> + <div> + <span class="card-head"> + Contact:!refcontact:!/ref + </span> + <hr> + <div class="card-body"> + <p> + Hopefully I can get email setup here eventually, but for now, contacting <a href="/people/#glass">glass</a> will have to do. + </p> + </div> + </div> + </div> + </section> + </article> + :?src/templates/body-bottom.html + </body> +</html> diff --git a/src/index.html b/src/index.html index 0b6e96b..32049c0 100644 --- a/src/index.html +++ b/src/index.html @@ -7,15 +7,23 @@ <body> :?src/templates/nav.html :?src/templates/body-top.html - <section id="welcome"> - <h2>Welcome to the Infernal Garden!:!refwelcome:!/ref</h2> - <article> - <p> - Infernal Garden is :!ital<a href="/people#glass">my</a>:!/ital silly little website. I think I'd like to make some sort of team or organization out of it one day, but for now it's just gonna be my really cool name/domain I plaster on everything.<br><br> - You can find out more on the <a href="/about">about page</a>. - </p> - </article> - </section> + <article> + <section id="welcome"> + <br> + <div class="card"> + <div> + <span class="card-head"> + Welcome to the Infernal Garden!:!refwelcome:!/ref + </span> + <hr> + <div class="card-body"> + <p> + Infernal Garden is :!ital<a href="/people#glass">my</a>:!/ital silly little website. I think I'd like to make some sort of team or organization out of it one day, but for now it's just gonna be my really cool name/domain I plaster on everything.<br><br> + You can find out more on the <a href="/about">about page</a>. + </p> + </div> + </div> + </div> :?src/templates/body-bottom.html </body> </html>
\ No newline at end of file diff --git a/src/people/cards/glass/glass.html b/src/people/cards/glass/glass.html new file mode 100644 index 0000000..abf1116 --- /dev/null +++ b/src/people/cards/glass/glass.html @@ -0,0 +1,19 @@ +<section id="glass"> + <span class="card"> + <img class="card-image" src="/people/cards/glass/glass.png"> + <div> + <span class="card-head"> + glass:!refglass:!/ref + <a href="https://ak.infernal.garden/glass"><i class="fa fa-pleroma" aria-hidden="true"></i></a> + </span> + <hr> + <div class="card-body"> + <p> + Hello! I'm glass! (or curly, soup, etc.)<br> + I thought Infernal Garden was a pretty cool name so I figured I'd try and make a thing out of it.<br> + Also! I made this website! - and the thing to compile it with: <a href="https://git.infernal.garden/soup/s3g">s3g</a> + </p> + </div> + </div> + </span> +</section> diff --git a/src/people/cards/glass/glass.png b/src/people/cards/glass/glass.png Binary files differnew file mode 100644 index 0000000..efc1c7d --- /dev/null +++ b/src/people/cards/glass/glass.png diff --git a/src/people/index.html b/src/people/index.html index d95a02c..a30c722 100644 --- a/src/people/index.html +++ b/src/people/index.html @@ -7,15 +7,26 @@ <body> :?src/templates/nav.html :?src/templates/body-top.html - <section id="people"> - <h2>People:!refpeople:!/ref</h2> - <article> - <section id="glass"> - <h3>glass:!refglass:!/ref</h3> - - </section> - </article> - </section> + <article> + <section id="people"> + <br> + <div class="card"> + <div> + <span class="card-head"> + People:!refpeople:!/ref + </span> + <hr> + <div class="card-body"> + <p> + The people associated with Infernal Garden. + </p> + </div> + </div> + </div> + <br> + :?src/people/cards/glass/glass.html + </section> + </article> :?src/templates/body-bottom.html </body> </html>
\ No newline at end of file diff --git a/src/templates/nav.html b/src/templates/nav.html index cef447c..15286e2 100644 --- a/src/templates/nav.html +++ b/src/templates/nav.html @@ -37,12 +37,6 @@ <span>Contact</span> </a> </div> - <div id="nav-pin" class="nav-button"> - <a href="#"> - <img loading="auto" class="noaa icon" alt="A pixelated Lycoris Radiata" src="/assets/image/icon.png"> - <span>Expand/Collapse</span> - </a> - </div> </div> </div> </nav> |
