Added a new artwork, and got the gallery working!

This commit is contained in:
Dalm 2023-02-03 18:48:20 +00:00
parent 323efef3df
commit 0e66089703
9 changed files with 187 additions and 9 deletions

View File

@ -133,6 +133,25 @@ footer{
min-height: 800px;
}
.art{
width: 90%;
display:block;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 20px;
}
.artcaption{
margin-top: 20px;
display: block;
margin-left: auto;
margin-right: auto;
width: 100%;
max-width: 1000px;
font-size: 1.2em;
}
/*Undersize.*/
@ -174,4 +193,6 @@ footer{
margin-left: 0;
margin-right: auto;
}
#commentics{ width: 100%;}
}

View File

@ -25,4 +25,34 @@
flex-direction: row;
margin-left: auto;
margin-right: auto;
}
align-items: top;
padding-bottom: 3%;
justify-content: space-around;
color: #B3EB79;
}
#gallerythumb{
margin-left: 1%;
margin-right: 1%;
margin-top: 3%;
padding: 1%;
width: 100%;
max-width: 160px;
border: 4px 2px 2px 4px;
border-color: #181917;
border-style: double solid solid double ;
text-align: center;
background-color: #1E3B27;
}
#thumbnail{
width: 100%;
max-width: 150px;
display: block;
margin-left: auto;
margin-right:auto;
border: 4px 2px 2px 4px;
border-color: #181917;
border-style: double solid solid double ;
border-radius: 5px;
}

View File

@ -41,11 +41,37 @@
<img src="./images/galleryheader.png" alt="GALLERY" id="galleryimg">
<div id="Gallerycontainer">
bingus
<!--
template... wahoo!
if you can read this....
well i got news for you....
your gay!
<div id=gallerythumb>
<a href="./gallery/0001.html"></a><img src="./gallery/thumbs/radithumb.png" id="thumbnail">
<h3> [Commission] Radithax-Ra</a></h5>
Created: <date>03/02/2023</date><br>
</div>
-->
<div id=gallerythumb>
<a href="./gallery/0001.html"><img src="./gallery/thumbs/radithumb.png" id="thumbnail">
<h3> [Commission] Radithax-Ra</a></h5>
Created: <date>03/02/2023</date><br>
</div>
</div>
</div>
<div id=Sidebar style="margin-left: 10px; flex: 10%;"><p><h3 style="text-align: center;">More Art</h3>
<nav>
<div id=navbutton><a href=.gallery/tokens.html>TRPG Tokens</a></div>
</nav>
</p></div>
</div>

View File

@ -15,6 +15,31 @@
<script src="https://comments.dalmationer.art/comments/embed.js"></script>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="robots" content="index, follow">
<meta property="title" content="[commission]Radithax-Ra" />
<meta property="description" content="A commission for my friend Cee of her Space Station 13 character Radithax-Ra." />
<meta property="image" content="https://dalmationer.art/gallery/images/radithax ra small.png" />
<meta property="og:title" content="[commission]Radithax-Ra" />
<meta property="og:type" content="website" />
<meta property="og:description" content="A commission for my friend Cee of her Space Station 13 character Radithax-Ra." />
<meta property="og:image" content="https://dalmationer.art/gallery/images/radithax ra small.png" />
<meta property="og:url" content="https://dalmationer.art/gallery/0001.html" />
<meta name="twitter:title" content="[commission]Radithax-Ra">
<meta property="twitter:description" content="A commission for my friend Cee of her Space Station 13 character Radithax-Ra." />
<meta property="twitter:image" content="https://dalmationer.art/gallery/images/radithax ra small.png" />
<meta name="twitter:card" content="https://dalmationer.art/gallery/images/radithax ra small.png">
<meta property="twitter:domain" content="https://dalmationer.art">
<meta property="twitter:url" content="https://dalmationer.art/gallery/0001.html" >
</head>
<body>
@ -28,13 +53,18 @@
</nav>
</p></div>
<div id=main-content><h2 style="text-align: center;">ART TITLE</h2>
<div id=main-content><h2 style="text-align: center;">[commission]Radithax-Ra</h2>
<div id=main-container>
<img class="art" src="">
<a href="./images/radithax ra small.png"> <img class="art" src="./images/radithax ra small.png" max-width: 1424; max-height: 1896;></a>
<p class="artcaption">
A commission for my friend Cee of her Space Station 13 character Radithax-Ra. We play together on <a href="https://orbstation.space/">Orbstation</a>,
a small space station 13 community we set up.<br><br>
When I was drawing her, I wanted her to feel like a plausible amphibious reptile and anguilliform swimmer, hence the very long tail.
There's some fantastical elements, obviously, like her anglerfish lure and her gills, but overall I'm quite happy with her design.<br><br>
Radi has a certain smug, infectuous confidence, and I think her long snout makes her look really wolfish.<br><br>
Click the image to view it at full resolution.
</p>
<div id="commentics">
@ -53,7 +83,7 @@
<footer>Generously Hosted by <a href="https://autonomic.zone">Autonomic.zone</a><br>
Content unless otherwise specified is © Dalmationer 2022</footer>
Content unless otherwise specified is © Dalmationer 2023</footer>
</body>

Binary file not shown.

After

Width:  |  Height:  |  Size: 394 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 96 KiB

52
gallery/tokens.html Normal file
View File

@ -0,0 +1,52 @@
<html lang="en">
<head>
<title>Dalm's Art Zone!</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="UTF-8">
<meta name="description" content="Dalmationer's space on the world wide web!">
<meta name="author" content="Dalmationer">
<meta name="keywords" content="Personal, Politics, Art, Comics">
<link rel="stylesheet" href= "../css/artpagestyles.css">
<link rel="image" href="./images/screenshot.png">
<script data-goatcounter="https://dalmationer.goatcounter.com/count"
async src="//gc.zgo.at/count.js"></script>
<script src="https://comments.dalmationer.art/comments/embed.js"></script>
</head>
<body>
<div id=content-container class="flex-container">
<div id=Sidebar><p>
<nav>
<div id=navbutton><a href=../main.html>Return to Homepage</a></div>
<div id=navbutton><a href=../blog.html>Go to Blog</a></div>
<div id=navbutton><a href=../gallery.html>Return to Gallery</a></div>
</nav>
</p></div>
<div id=main-content><h2 style="text-align: center;">ART TITLE</h2>
<div id=main-container>
<img class="art" src="">
<p class="artcaption">
</p>
</div>
</div>
</div>
<footer>Generously Hosted by <a href="https://autonomic.zone">Autonomic.zone</a><br>
Content unless otherwise specified is © Dalmationer 2022</footer>
</body>
</html>

View File

@ -59,6 +59,12 @@
text
</article><hr>
-->
<article>
<p><h3><i>03/02/2023</i></h3>
I've added a new piece of art and finally updated my gallery page! <a href="gallery/0001.html"> go check it out!</a>
</article><hr>
<article>
<p><h3><i>09/07/2022</i></h3>
I've added Dear Srrrz, Vee's band, to the <a href="./music/punklist.html">Punk List Page</a>! Right now I'm working on the backend of the gallery page... and also a submission page for a new zine! Get excited!
@ -132,10 +138,11 @@
<a href="https://neocities.org/"><img src="./images/Badges/neo-citi-test.gif"></a>
</div>
<div class="yw-widget-full" data-yw-url="https://dalmationer.art"></div>
<script src="https://yesterweb.org/js/widget.js"></script>
<a href=https://orbstation.space><img src="https://orbstation.space/images/design/orbstationgif2.gif" class="art" style="max-height: 200px; width: 100%;"></a>
</div>
</div>

14
rss.xml
View File

@ -5,11 +5,23 @@
<description>Dalm's little site on the web!</description>
<link>https://Dalmationer.art</link>
<lastBuildDate>
Sat, 09 Jul 2022 16:05:19 +0000
Fri, 03 Feb 2023 18:47:06 +0000
</lastBuildDate>
<ttl>20000</ttl>
<item>
<title> New art and functioning gallery page!</title>
<description>
I've added a new piece of artwork to my <a href="https://dalmationer.art/gallery.html">gallery</a>. Also, check out my new space station 13 server at <a href="https://orbstation.space">https://orbstation.space.</a>
</description>
<link>https://Dalmationer.art</link>
<pubDate>
Fri, 03 Feb 2023 18:47:06 +0000
</pubDate>
</item>
<item>
<title> Bands update!</title>
<description>