Compare commits
46 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 44cc70bdb8 | |||
| b3a0d90bed | |||
| fe1eab8a4d | |||
| e9d95bea72 | |||
| 6638a34c26 | |||
| 21f3f1c326 | |||
| 9cce25e842 | |||
| 8d03602c17 | |||
| df1c331d98 | |||
| 28eeda9e68 | |||
| a69b15dd2a | |||
| e55bf9f1d4 | |||
| 0085c9c93a | |||
| da7551258c | |||
| b1c5a65a90 | |||
| a2a053d3f6 | |||
| 01bb5be3c6 | |||
| d9e15a714b | |||
| 9c61d6da3d | |||
| d4217e792f | |||
| 0e66089703 | |||
| 323efef3df | |||
| 3d3d6fe8c3 | |||
| 7f14803f19 | |||
| b1d5d1f769 | |||
| 2ead9575a9 | |||
| bf91698d65 | |||
| 2d09c331cd | |||
| 31d1a7b929 | |||
| 6502b253f4 | |||
| abc0f02082 | |||
| eabc991689 | |||
| ebed549683 | |||
| ce8906a629 | |||
| f72ae9cc43 | |||
| 3691f0112b | |||
| eb78be63e6 | |||
| 297969a2ca | |||
| e9455ef440 | |||
| e4bdf307e3 | |||
| aba1f06c62 | |||
| b86672b8a7 | |||
| 63f47ff457 | |||
| 44c196d85b | |||
| 97b6a30606 | |||
| d6120d10d1 |
24
.drone.yml
@ -1,24 +0,0 @@
|
||||
---
|
||||
kind: pipeline
|
||||
type: docker
|
||||
name: deployment
|
||||
steps:
|
||||
- name: docker build dalmationer.art
|
||||
image: plugins/docker
|
||||
settings:
|
||||
username: thecoopcloud
|
||||
password:
|
||||
from_secret: thecoopcloud_password
|
||||
repo: thecoopcloud/dalmationer.art
|
||||
tags: latest
|
||||
|
||||
- name: deployment dalmationer.art
|
||||
image: thecoopcloud/stack-ssh-deploy:latest
|
||||
settings:
|
||||
stack: dalmationer-art
|
||||
deploy_key:
|
||||
from_secret: drone_ssh_swarm.autonomic.zone
|
||||
rm: true
|
||||
host: swarm.autonomic.zone
|
||||
compose: compose.yml
|
||||
image: thecoopcloud/dalmationer.art
|
||||
@ -1,3 +0,0 @@
|
||||
FROM nginx:1.21.4
|
||||
|
||||
COPY ./ /usr/share/nginx/html
|
||||
@ -22,12 +22,12 @@
|
||||
<div id=content-container class="flex-container">
|
||||
<div id=Sidebar><p><div id="selfportrait-container"><img src="images/selfportrait cropped.png" alt="illustration of dalm in red and black" id="selfportrait"></div>
|
||||
<nav>
|
||||
<div id=navbuttonactive><a href=Main.html>Main</a></div>
|
||||
<div id=navbuttonactive><a href=main.html>Main</a></div>
|
||||
<div id=navbutton><a href=blog.html>Blog</a></div>
|
||||
<div id=navbutton><a href=gallery.html>Art</a></div>
|
||||
<div id=navbutton><a href=comics.html>Comics & Zines</a></div>
|
||||
<div id=navbutton><a href=originalcharacters.html>OCs</a></div>
|
||||
<div id=navbutton><a href=friends.html>Friends & Collaborators</a></div>
|
||||
<div id=navbutton><a href=friends.html>Friends & Links</a></div>
|
||||
<div id=navbutton><a href=mysantas.html>Santa Collection</a></div>
|
||||
<div id=navbutton><a href=fun.html>Fun</a></div>
|
||||
<div id=navbutton><a href=music.html>Music</a></div>
|
||||
|
||||
@ -27,7 +27,7 @@
|
||||
<div id=navbutton><a href=gallery.html>Art</a></div>
|
||||
<div id=navbutton><a href=comics.html>Comics & Zines</a></div>
|
||||
<div id=navbutton><a href=originalcharacters.html>OCs</a></div>
|
||||
<div id=navbutton><a href=friends.html>Friends & Collaborators</a></div>
|
||||
<div id=navbutton><a href=friends.html>Friends & Links</a></div>
|
||||
<div id=navbutton><a href=mysantas.html>Santa Collection</a></div>
|
||||
<div id=navbutton><a href=fun.html>Fun</a></div>
|
||||
<div id=navbutton><a href=music.html>Music</a></div>
|
||||
|
||||
81
blog/0001.html
Normal file
@ -0,0 +1,81 @@
|
||||
<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>
|
||||
|
||||
|
||||
|
||||
<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>
|
||||
|
||||
<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;"></h2>
|
||||
<div id=main-container>
|
||||
|
||||
|
||||
|
||||
<div id="commentics">
|
||||
<script>
|
||||
var commentics_config = {
|
||||
'identifier': 'dalmblog1',
|
||||
'reference' : 'Dalmblog 1'
|
||||
};
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<footer>Generously Hosted by <a href="https://autonomic.zone">Autonomic.zone</a><br>
|
||||
Content unless otherwise specified is © Dalmationer 2023</footer>
|
||||
</body>
|
||||
|
||||
|
||||
</html>
|
||||
24
comment test.html
Normal file
@ -0,0 +1,24 @@
|
||||
<!doctype html>
|
||||
|
||||
<head><title>test</title>
|
||||
<script src="https://comments.dalmationer.art/comments/embed.js"></script></head>
|
||||
<style>
|
||||
#commentics{
|
||||
border: 2px solid black;
|
||||
}</style>
|
||||
<body>
|
||||
|
||||
bungus
|
||||
<div id="commentics"></div>
|
||||
emb
|
||||
<script>
|
||||
var commentics_config = {
|
||||
'identifier': 'test',
|
||||
'reference' : 'commentics test'
|
||||
};
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
0
commission.html
Normal file
0
contact.html
Normal file
198
css/artpagestyles.css
Normal file
@ -0,0 +1,198 @@
|
||||
|
||||
body{
|
||||
background-color: black;
|
||||
background-attachment: scroll;
|
||||
background-repeat: repeat;
|
||||
font-family: Georgia, 'Times New Roman', Times, serif;
|
||||
color: #FEFFCC;
|
||||
}
|
||||
|
||||
a{
|
||||
color: #87EE62;
|
||||
}
|
||||
|
||||
#navbutton{
|
||||
border: 4px 2px 2px 4px;
|
||||
border-color: #181917;
|
||||
border-style: double solid solid double ;
|
||||
border-radius: 10px;
|
||||
font-size: large;
|
||||
text-align: center;
|
||||
margin-left: 5%;
|
||||
margin-right: 5%;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
font-weight: bold;
|
||||
background: #458D4C;
|
||||
font-size: 100%;
|
||||
}
|
||||
#navbutton:hover{
|
||||
background: #18260F;
|
||||
}
|
||||
|
||||
#navbuttonactive{
|
||||
border: 4px 2px 2px 4px;
|
||||
border-color: #181917;
|
||||
border-style: double solid solid double ;
|
||||
border-radius: 10px;
|
||||
font-size: large;
|
||||
text-align: center;
|
||||
margin-left: 5%;
|
||||
margin-right: 5%;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
font-weight: bold;
|
||||
background: #102C22;
|
||||
font-size: 100%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
#content-container{
|
||||
display: flex;
|
||||
margin-top: 10px;
|
||||
height: auto;
|
||||
margin-bottom: 10px;
|
||||
word-wrap: break-word;
|
||||
width: 100%;
|
||||
align-items: flex-start;
|
||||
justify-content: space-between;
|
||||
|
||||
}
|
||||
|
||||
#sidebar{
|
||||
border: 4px 2px 2px 4px;
|
||||
border-color: #181917;
|
||||
border-style: double solid solid double ;
|
||||
position: -webkit-sticky; /* Safari */
|
||||
position: sticky;
|
||||
top: 10px;
|
||||
flex: 20%;
|
||||
margin-right: 5px;
|
||||
padding-left: 2px;
|
||||
padding-right: 2px;
|
||||
background-color: #18260F;
|
||||
max-width: 140px;
|
||||
}
|
||||
|
||||
#main-content{
|
||||
border: 4px 2px 2px 4px;
|
||||
border-color: #181917;
|
||||
border-style: double solid solid double ;
|
||||
flex: 80%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
padding-left: 2px;
|
||||
padding-right: 2px;
|
||||
background-color: #18260F;
|
||||
|
||||
}
|
||||
|
||||
#commentics{
|
||||
width: 60%;
|
||||
margin-left: auto;
|
||||
margin-right:auto;
|
||||
border: inset 2px;
|
||||
border-color: black;
|
||||
margin-top: 5%;
|
||||
background-color: #EFFF96;
|
||||
color: black;
|
||||
}
|
||||
|
||||
|
||||
footer{
|
||||
border: 4px 2px 2px 4px;
|
||||
border-color: #181917;
|
||||
border-style: double solid solid double ;
|
||||
text-align: center;
|
||||
padding-left: 2px;
|
||||
padding-right: 2px;
|
||||
margin-top: 2px;
|
||||
background-color: #18260F;
|
||||
}
|
||||
|
||||
.logo{
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 50%;
|
||||
max-width: 184px;
|
||||
-ms-interpolation-mode:nearest-neighbor;
|
||||
/*IE 7-11*/
|
||||
image-rendering: -o-crisp-edges;
|
||||
/*Opera 12*/
|
||||
image-rendering: -webkit-crisp-edges;
|
||||
/*Safari 6-9*/
|
||||
image-rendering:-moz-crisp-edges;
|
||||
/*Firefox 3.6-64*/
|
||||
|
||||
|
||||
}
|
||||
|
||||
#main-container{
|
||||
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.*/
|
||||
|
||||
@media only screen and (max-width: 800px) {
|
||||
#content-header{
|
||||
width: 100%;
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
margin-left: 0;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
#content-container{
|
||||
width: 100%;
|
||||
display: block;
|
||||
margin-left: 0;
|
||||
margin-right: auto;
|
||||
}
|
||||
#main-content{
|
||||
width: 100%;
|
||||
order: 1;
|
||||
display: block;
|
||||
margin-left: 0;
|
||||
margin-right: auto;
|
||||
}
|
||||
#sidebar{
|
||||
width: 100%;
|
||||
order: 2;
|
||||
display: block;
|
||||
margin-left: 0;
|
||||
margin-right: auto;
|
||||
position: static;
|
||||
}
|
||||
|
||||
footer{
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
margin-left: 0;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
#commentics{ width: 100%;}
|
||||
}
|
||||
@ -1,5 +1,18 @@
|
||||
html {width: 100%;}
|
||||
|
||||
@font-face {
|
||||
font-family: "junkostypewriter";
|
||||
src: url(../fonts/junkos\ typewriter.ttf);
|
||||
}
|
||||
@font-face {
|
||||
font-family: "lexie";
|
||||
src: url(../fonts/LexieReadable-Regular.ttf);
|
||||
}
|
||||
@font-face {
|
||||
font-family: "lexie-bold";
|
||||
src: url(../fonts/LexieReadable-Bold.ttf);
|
||||
}
|
||||
|
||||
body{
|
||||
font-size: 100%;
|
||||
color: rgb(153, 218, 80);
|
||||
@ -7,11 +20,15 @@ body{
|
||||
list-style-position: inside;
|
||||
background-repeat: repeat;
|
||||
background-attachment: scroll;
|
||||
font-family:'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
|
||||
font-family: 'lexie','Lucida Grande', 'Lucida Sans', Arial, sans-serif;
|
||||
background-image: url(../images/fencered.gif);
|
||||
|
||||
}
|
||||
|
||||
.bold{
|
||||
font-family: 'lexie-bold';
|
||||
}
|
||||
|
||||
hr{
|
||||
border-top: 1px dashed green;
|
||||
}
|
||||
@ -27,25 +44,73 @@ hr{
|
||||
padding-right: 1%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
table,td{
|
||||
border: 1px solid green;
|
||||
vertical-align: top;
|
||||
min-width: 110px;
|
||||
|
||||
}
|
||||
|
||||
td{
|
||||
padding-left: 5px;
|
||||
padding-right:5px;
|
||||
padding-bottom: 5px;
|
||||
overflow: wrap;
|
||||
}
|
||||
|
||||
table{
|
||||
width: 90%;
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
display:block;
|
||||
overflow: scroll;
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: rgb(255, 72, 0) green;
|
||||
border-style: double none none double;
|
||||
border-width: 1px 0px 0px 4px;
|
||||
border-color: chartreuse;
|
||||
max-height: 1500px;
|
||||
}
|
||||
|
||||
.red{
|
||||
background-color: #694d8b28;
|
||||
}
|
||||
|
||||
|
||||
th{
|
||||
border: 3px outset rgb(255, 72, 0);
|
||||
color: rgb(255, 72, 0);
|
||||
background-color: rgb(7, 36, 7);
|
||||
position: sticky;
|
||||
top: 0px;
|
||||
}
|
||||
|
||||
caption{caption-side: bottom;
|
||||
padding: 5px;}
|
||||
|
||||
#headerandskulls{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#navbutton{
|
||||
border: 4px 2px 2px 4px;
|
||||
border: 4px;
|
||||
border-color: green;
|
||||
border-style: double solid solid double ;
|
||||
border-style: outset ;
|
||||
border-radius: 10px;
|
||||
font-size: large;
|
||||
text-align: center;
|
||||
margin-left: 40%;
|
||||
margin-right: 40%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
font-weight: bold;
|
||||
font-size: 100%;
|
||||
padding: 1%;
|
||||
background-color: black;
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
#navbutton:hover{
|
||||
@ -53,15 +118,17 @@ hr{
|
||||
color: black;
|
||||
}
|
||||
|
||||
a{
|
||||
color: aqua;
|
||||
#navbutton:active{
|
||||
border-style:inset;
|
||||
background:#005500;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "junkostypewriter";
|
||||
src: url(../fonts/junkos\ typewriter.ttf);
|
||||
a{
|
||||
color: rgb(255, 72, 0);
|
||||
}
|
||||
|
||||
|
||||
|
||||
.inlineimg{
|
||||
display: inline;
|
||||
}
|
||||
@ -70,7 +137,7 @@ h1{
|
||||
font-family: "junkostypewriter", Courier, monospace;
|
||||
font-weight:100;
|
||||
font-size: 3.1vw;
|
||||
color: orange;
|
||||
color: rgb(255, 72, 0);
|
||||
}
|
||||
|
||||
|
||||
@ -121,7 +188,7 @@ h2{
|
||||
margin-right:auto;
|
||||
height:fit-content;
|
||||
margin-top: -0.5%;
|
||||
width: 69%;
|
||||
width: 95%;
|
||||
text-align: center;
|
||||
background-color: black;
|
||||
}
|
||||
@ -174,6 +241,10 @@ footer{
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
table{
|
||||
max-height: 800px;
|
||||
}
|
||||
|
||||
.flex-container{
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
60
css/friendstyles.css
Normal file
@ -0,0 +1,60 @@
|
||||
h1{
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
h2{
|
||||
font-family: 'Arial Narrow Bold', sans-serif;
|
||||
font-weight: 1000;
|
||||
}
|
||||
|
||||
.redtext{
|
||||
color: red;
|
||||
}
|
||||
|
||||
|
||||
#friendbox{
|
||||
display:block;
|
||||
border: 4px 2px 2px 4px;
|
||||
border-color: #181917;
|
||||
border-style: double solid solid double ;
|
||||
border-radius: 10px;
|
||||
min-height: 150px;
|
||||
padding-left: 20px;
|
||||
padding-right: 10px;
|
||||
margin-left: 2%;
|
||||
margin-right: 5%;
|
||||
margin-bottom: 40px;
|
||||
background-color: #EFFF96;
|
||||
line-height: 1.2em;
|
||||
}
|
||||
|
||||
.friendicon{
|
||||
float: left;
|
||||
margin-top: -30px;
|
||||
border: 4px 2px 2px 4px;
|
||||
border-color: black;
|
||||
border-style: double solid solid double ;
|
||||
background-color: #B3EB79;
|
||||
margin-right: 2%;
|
||||
}
|
||||
|
||||
#linksbox{
|
||||
margin-left: 5%;
|
||||
margin-right: 8%;
|
||||
margin-bottom: 10px;
|
||||
padding: 5px;
|
||||
width: 87%;
|
||||
text-align: left;
|
||||
border: 4px 2px 2px 4px;
|
||||
border-color: #181917;
|
||||
border-style: double solid solid double ;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
td{
|
||||
padding: 5px;
|
||||
background-color:#EFFF96;
|
||||
border: 0.5px;
|
||||
border-color: #181917;
|
||||
border-style: solid ;
|
||||
}
|
||||
58
css/gallerystyles.css
Normal file
@ -0,0 +1,58 @@
|
||||
#galleryimg{
|
||||
-ms-interpolation-mode:nearest-neighbor;
|
||||
/*IE 7-11*/ image-rendering: -o-crisp-edges;
|
||||
/*Opera 12*/ image-rendering: -webkit-crisp-edges;
|
||||
/*Safari 6-9*/ image-rendering:-moz-crisp-edges;
|
||||
/*Firefox 3.6-64*/
|
||||
max-width: 718px;
|
||||
width: 100%;
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right:auto;
|
||||
margin-top: -40px;
|
||||
margin-bottom: 1%;
|
||||
}
|
||||
|
||||
|
||||
#main-content{
|
||||
background-color: #1E3B27;
|
||||
}
|
||||
|
||||
#gallerycontainer{
|
||||
background-color: #458D4C;
|
||||
width: 98%;
|
||||
display: flex;
|
||||
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;
|
||||
}
|
||||
@ -38,6 +38,10 @@ footer{
|
||||
background: #88e6c9;
|
||||
}
|
||||
|
||||
#navbutton:active{
|
||||
background: #56b963;
|
||||
}
|
||||
|
||||
|
||||
#navbutton{
|
||||
background: #d7bff3;
|
||||
|
||||
0
css/portfoliostyles.css
Normal file
116
css/rssstyles.css
Normal file
@ -0,0 +1,116 @@
|
||||
body{
|
||||
font-family: Georgia, 'Times New Roman', Times, serif;
|
||||
font-size: 1em;
|
||||
background-color: antiquewhite;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "lexie";
|
||||
src: url(../fonts/LexieReadable-Regular.ttf);
|
||||
}
|
||||
@font-face {
|
||||
font-family: "lexie-bold";
|
||||
src: url(../fonts/LexieReadable-Bold.ttf);
|
||||
}
|
||||
|
||||
#flex-container{
|
||||
display:flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
#main-content{
|
||||
border-width: 3px 4px 4px 3px;
|
||||
border-style: double solid solid double;
|
||||
border-radius: 2px;
|
||||
border-color: black;
|
||||
width: 80%;
|
||||
margin-right: 2px;
|
||||
padding-left: 3px;
|
||||
padding-right: 3px;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
#sidebar{
|
||||
border-width: 3px 4px 4px 3px;
|
||||
border-style: double solid solid double;
|
||||
border-radius: 2px;
|
||||
border-color: black;
|
||||
width: 20%;
|
||||
background-color: #F89330;
|
||||
}
|
||||
|
||||
#sidebarscroll{
|
||||
position: sticky;
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
a{
|
||||
color: #2A126F;
|
||||
}
|
||||
|
||||
img{
|
||||
-ms-interpolation-mode:nearest-neighbor;
|
||||
/*IE 7-11*/ image-rendering: -o-crisp-edges;
|
||||
/*Opera 12*/ image-rendering: -webkit-crisp-edges;
|
||||
/*Safari 6-9*/ image-rendering: -moz-crisp-edges;
|
||||
/*Firefox 3.6-64*/
|
||||
}
|
||||
|
||||
footer{
|
||||
background-color: #F89330;
|
||||
padding: 5px;
|
||||
border-width: 1px 3px 3px 2px;
|
||||
border-style: solid double double solid;
|
||||
border-radius: 8px;
|
||||
border-color: black;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.orange{
|
||||
text-align: center;
|
||||
display: block;
|
||||
background-color: #F89330;
|
||||
padding: 5px;
|
||||
border-width: 1px 3px 3px 2px;
|
||||
border-style: solid double double solid;
|
||||
border-radius: 8px;
|
||||
border-color: black;
|
||||
}
|
||||
|
||||
.padded{
|
||||
padding-left: 10%;
|
||||
padding-right: 10%;
|
||||
}
|
||||
|
||||
#articleimage{
|
||||
width: 100%;
|
||||
border-width: 1px 3px 3px 2px;
|
||||
border-style: solid double double solid;
|
||||
border-radius: 8px;
|
||||
border-color: black;
|
||||
|
||||
}
|
||||
|
||||
.navlink{
|
||||
text-align: center;
|
||||
display: block;
|
||||
background-color: antiquewhite;
|
||||
padding: 5px;
|
||||
border-width: 1px 3px 3px 2px;
|
||||
border-style: solid double double solid;
|
||||
border-radius: 8px;
|
||||
border-color: black;
|
||||
color: #2A126F;
|
||||
}
|
||||
|
||||
#section2container{
|
||||
overflow-x: scroll;
|
||||
}
|
||||
|
||||
pre{border-left:0.5ex solid gray;padding-left:2em;
|
||||
overflow-x: scroll;}
|
||||
|
||||
#neumannguide{
|
||||
background-color: rgb(255, 249, 241);
|
||||
border: 2px dashed black;
|
||||
}
|
||||
89
css/tutorialstyles.css
Normal file
@ -0,0 +1,89 @@
|
||||
|
||||
body{
|
||||
color: rgb(53, 32, 32);
|
||||
background-color: antiquewhite;
|
||||
background-image: url("../images/pap12.gif");
|
||||
font-size: 1em;
|
||||
line-height: 1.5;
|
||||
font-family: monospace, "FixedSys-Excelsior";
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "FixedSys-Excelsior";
|
||||
src: url(../fonts/FSEX300.ttf);
|
||||
}
|
||||
|
||||
#content{
|
||||
background-color: white;
|
||||
border: 1px solid black;
|
||||
margin-left: 20%;
|
||||
margin-right: 20%;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
h1{
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4{
|
||||
font-family:"FixedSys-Excelsior";
|
||||
font-weight: 100;
|
||||
-webkit-font-smoothing: "none";
|
||||
-moz-osx-font-smoothing: "greyscale";
|
||||
font-smooth: "never";
|
||||
}
|
||||
|
||||
table{
|
||||
border: 1px solid black;
|
||||
width: 80%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
text-align: left;
|
||||
table-layout: fixed;
|
||||
}
|
||||
|
||||
tr,thead,tbody,th,td{
|
||||
border: 1px solid black;
|
||||
vertical-align:top;
|
||||
}
|
||||
|
||||
th{
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.indent{
|
||||
margin-left: 10%;
|
||||
}
|
||||
|
||||
#backbutton{
|
||||
float: left;
|
||||
background-color: white;
|
||||
border-width: 3px 2px 2px 3px;
|
||||
border-style: double solid solid double;
|
||||
border-color: black;
|
||||
border-radius: 5px;
|
||||
position: sticky;
|
||||
top: 10px;
|
||||
padding: 2px;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 800px) {
|
||||
#content{
|
||||
width: 100%;
|
||||
margin-left: 0px;
|
||||
margin-right:0px;
|
||||
}
|
||||
|
||||
#backbutton{
|
||||
position: static;
|
||||
}
|
||||
|
||||
table{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
}
|
||||
BIN
fonts/FSEX300.ttf
Normal file
BIN
fonts/LexieReadable-Bold.ttf
Normal file
BIN
fonts/LexieReadable-Regular.ttf
Normal file
133
friends.html
@ -9,7 +9,7 @@
|
||||
<meta name="author" content="Dalmationer">
|
||||
<meta name="keywords" content="Personal, Politics, Art, Comics">
|
||||
<link rel="stylesheet" href= "mainstyles.css">
|
||||
<link rel="stylesheet" href= "homepagestyles.css">
|
||||
<link rel="stylesheet" href= "./css/friendstyles.css">
|
||||
<script data-goatcounter="https://dalmationer.goatcounter.com/count"
|
||||
async src="//gc.zgo.at/count.js"></script>
|
||||
|
||||
@ -22,12 +22,12 @@
|
||||
<div id=content-container class="flex-container">
|
||||
<div id=Sidebar><p><div id="selfportrait-container"><img src="images/selfportrait cropped.png" alt="illustration of dalm in red and black" id="selfportrait"></div>
|
||||
<nav>
|
||||
<div id=navbutton><a href=Main.html>Main</a></div>
|
||||
<div id=navbutton><a href=main.html>Main</a></div>
|
||||
<div id=navbutton><a href=blog.html>Blog</a></div>
|
||||
<div id=navbutton><a href=gallery.html>Art</a></div>
|
||||
<div id=navbutton><a href=comics.html>Comics & Zines</a></div>
|
||||
<div id=navbutton><a href=originalcharacters.html>OCs</a></div>
|
||||
<div id=navbuttonactive><a href=friends.html>Friends & Collaborators</a></div>
|
||||
<div id=navbuttonactive><a href=friends.html>Friends & Links</a></div>
|
||||
<div id=navbutton><a href=mysantas.html>Santa Collection</a></div>
|
||||
<div id=navbutton><a href=fun.html>Fun</a></div>
|
||||
<div id=navbutton><a href=music.html>Music</a></div>
|
||||
@ -37,7 +37,132 @@
|
||||
</nav>
|
||||
</p></div>
|
||||
|
||||
<div id=main-content><h2>REMAIN CONTENT.</h1></div>
|
||||
<div id=main-content>
|
||||
|
||||
<h1>Friends</h1>
|
||||
|
||||
<div id=friends-container>
|
||||
<div id="friendbox">
|
||||
<img src="./images/icons/warlock.png" class="friendicon">
|
||||
<p><h2><a href="https://www.waltergreenleaf.com/" class="redtext">Walter Greenleaf @ Waltergreenleaf.com</a></h2>
|
||||
Walter and I have collaborated and made art together for over a decade. We've collaborated on years-long forum adventures, comics, stories and plenty more over the years,
|
||||
and I consider him one of the people I am closest to in terms of art... We started at the same time, and have since branched out in completely different directions. His art uses anything from found photography, sketches from board games,
|
||||
slices of T-Shirt graphics, and anything else he can get his hands on to create DIY collages in the digital and physical world. He's a warlock each Wednesday, and the true Guardian of Christmas.<br>
|
||||
You can find his Tumblr blog at <a href="https://world-above-sky-below.tumblr.com/">World Above, Sky Below.</a><br>
|
||||
Walter is also often active on <a href="https://posting.cool/">The Orb,</a> as is fitting for a warlock.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div id="friendbox">
|
||||
<img src="./images/icons/arcadeidea.png" class="friendicon">
|
||||
<p><h2><a href="https://arcadeidea.wordpress.com/" class="redtext">Art Maybury @ Arcade Idea</a></h2>
|
||||
Art's writing on video games is some of the best I've ever read, and I'm not just saying that because we're best friends. I frequently act as a rubber duck or ideas gal
|
||||
for their articles (though mostly I just like watching my pals play video games!!) They are currently embarking on a project to review the entire games canon from its inception,
|
||||
as artworks, an incredibly ballsy project even to someone who actually played video games before starting it.<br>
|
||||
Art and I also occasionally write stories and articles together... And it's a little-known fact that their GIMP photochomps are great! Plus, they look <i>excellent</i> in a suit and tie. Art's writing
|
||||
can be found on <a href="https://arcadeidea.wordpress.com/">Arcade Idea!</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div id="friendbox">
|
||||
<img src="./images/icons/oj223.png" class="friendicon">
|
||||
<p><h2><a href="https://www.orngjce223.net/" class="redtext">Elaine "OJ" Wang AKA Orngjce223 @ orngjce223.net</a></h2>
|
||||
Another old friend, OJ is a musician and writer whose sounds and words are great to the ears. OJ and I met in a roleplaying thread for a now-(semi)-complete webcomic years ago,
|
||||
and have been close ever since. Her music is lovely and still gives me feelings when I listen to it. My fave is <a href="https://music.orngjce223.net/album/space-between-the-stars-single">The Space Between The Stars</a>, though I also really like <a href="https://music.orngjce223.net/track/heat-lightning">Heat Lightning.</a>
|
||||
<br>OJ also does a lot of the backbone organising for the <a href="https://houstonspies.cyou/">Houston Spies</a> Blaseball team, including writing debriefs of cool events. You can find some of her writing on her <a href="https://shutthedord.tumblr.com/">Tumblr.</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div id="friendbox">
|
||||
<img src="./images/icons/ivy.png" class="friendicon">
|
||||
<p><h2><a href="https://bloodsad.com/" class="redtext">Ivy Ruth Langley @ Bloodsad.com</a></h2>
|
||||
Punk rock grunge comics at bloodsad.com. Slime and eyes at bloodsad.com. Women are at bloodsad.com.<br>
|
||||
Ivy gave me lots of good advice when I was first thinking of making this site, and the underlying site layout was referenced quite heavily from her website. We've been friends for a wee while, & her work is extremely DIY and personal in a way that inspires me a whole bunch.
|
||||
Ivy's work has this strange venom that honestly feels somehow both ironic and sincere in a way I super vibe with. Check her work out!
|
||||
<br>My dream is to own my very own pimple.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="friendbox">
|
||||
<img src="./images/icons/nullcasting.png" class="friendicon"> <a href="https://warpzone.site/funny.htm"><img src="./images/nullspin.png" style="float: right; width: 200px; margin-top: -20px;"></a>
|
||||
<p><h2><a href="https://warpzone.site/" class="redtext">Nullcasting @ Warpzone.site</a></h2>
|
||||
Nullcasting is my Strange computer friend & friend most likely to be fought as a boss by "kirby" from
|
||||
video games. She's a vtuber streamer and can usually be found on <a href="https://cabletwo.tv">Cabletwo.tv.</a>
|
||||
<br>Nullcasting's website is absolutely worth a look, because they've put an INCREDIBLE amount of work on the sound and graphics!
|
||||
|
||||
</p>
|
||||
</div>
|
||||
<div id="friendbox">
|
||||
<img src="./images/icons/arbie.png" class="friendicon">
|
||||
<p><h2><a href="https://arby.party" class="redtext">Arby @ Arby.party</a></h2>
|
||||
Another famous <a href="https://cabletwo.tv">"Cable Dog"</a>, Arby is an artist, poet and incredibly chill individual. They stream a show called 'Fantasy Flight' every sunday on Cable Two,
|
||||
a relaxing and sweet show all about flying across the world from the seat of your chair. I highly recommend checking out their website <a href="https://arby.party">Arby.Party</a> too, as it's extremely pretty.<br>
|
||||
They recently created a zine called <a href="https://arby.party/fun/poetry/howtoliveforever.html">How To Live Forever</a>, which belongs to you.
|
||||
|
||||
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<h1 style="text-align: center;">Links!</h1>
|
||||
|
||||
<p style="text-align: center;">Some interesting pages I've found across the web. Some will be more useful than others. If you would like a link taken down, feel free to contact me. Note that unlike the section above, I do not know everyone who maintains the links below. Feel free to contact me if one of them is an asshole.</p>
|
||||
|
||||
<table id="linksbox">
|
||||
<tr>
|
||||
<th>Link</th>
|
||||
<th>Description</th>
|
||||
<th>type</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th><a href="https://cabletwo.net/">Cable Two</a></th>
|
||||
<th>A streaming co-operative I'm a sometimes-member of, who produce and create online television shows. Currently on Twitch and accepting new programs!</th>
|
||||
<th>Fun</th>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><a href="https://edgeemu.net/">Edge Emulations</a></td>
|
||||
<td>A great site for finding ROM files of video games, including some which simply aren't sold any more. ROMs are a type of file that an 'emulation' program which pretends to be a game console can run, allowing you to play video games like legend of zelda or metal gear on your computer if you can't afford a real games console!</td>
|
||||
<td>Fun</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><a href="https://maia.crimew.gay/">Maya Arson Crimew's Blog</a></td>
|
||||
<td>The blog of Maya Arson Crimew, a trans hacker who does exposés on security culture. Very cute and nice looking website that does not spy on you.</td>
|
||||
<td>Tech</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<th><a href="https://posting.cool">The Orb @ Posting.cool</a></th>
|
||||
<th>A strange and funny webforum known as 'posting dot cool.' Usually moves very quickly with lots of short and messy posts. I'd compare it to a better version of the bad website twitter.</th>
|
||||
<th>Community</th>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><a href="https://whathappensnext.webcomic.ws">What Happens Next Will Shock You Webcomic</a></td>
|
||||
<td>A webcomic about queer people and the serial killer fandom on tumblr.com. Graphic at times, but a very interesting deconstruction of how online celebrity changes you.</td>
|
||||
<td>Comic</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><a href="https://sites.google.com/site/worldofserina">The World of Serina</a></td>
|
||||
<td>A worldbuilding project by Dylan Bajda. What if a planet was provided with a simple ecosystem designed to support domestic canaries? How might things evolve over the next 300 million years?</td>
|
||||
<td>Fun</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
|
||||
|
||||
|
||||
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
4
fun.html
@ -22,12 +22,12 @@
|
||||
<div id=content-container class="flex-container">
|
||||
<div id=Sidebar><p><div id="selfportrait-container"><img src="images/selfportrait cropped.png" alt="illustration of dalm in red and black" id="selfportrait"></div>
|
||||
<nav>
|
||||
<div id=navbutton><a href=Main.html>Main</a></div>
|
||||
<div id=navbutton><a href=main.html>Main</a></div>
|
||||
<div id=navbutton><a href=blog.html>Blog</a></div>
|
||||
<div id=navbutton><a href=gallery.html>Art</a></div>
|
||||
<div id=navbutton><a href=comics.html>Comics & Zines</a></div>
|
||||
<div id=navbutton><a href=originalcharacters.html>OCs</a></div>
|
||||
<div id=navbutton><a href=friends.html>Friends & Collaborators</a></div>
|
||||
<div id=navbutton><a href=friends.html>Friends & Links</a></div>
|
||||
<div id=navbutton><a href=mysantas.html>Santa Collection</a></div>
|
||||
<div id=navbuttonactive><a href=fun.html>Fun</a></div>
|
||||
<div id=navbutton><a href=music.html>Music</a></div>
|
||||
|
||||
72
gallery.html
@ -9,7 +9,7 @@
|
||||
<meta name="author" content="Dalmationer">
|
||||
<meta name="keywords" content="Personal, Politics, Art, Comics">
|
||||
<link rel="stylesheet" href= "mainstyles.css">
|
||||
<link rel="stylesheet" href= "homepagestyles.css">
|
||||
<link rel="stylesheet" href= "./css/gallerystyles.css">
|
||||
<script data-goatcounter="https://dalmationer.goatcounter.com/count"
|
||||
async src="//gc.zgo.at/count.js"></script>
|
||||
|
||||
@ -27,7 +27,7 @@
|
||||
<div id=navbuttonactive><a href=gallery.html>Art</a></div>
|
||||
<div id=navbutton><a href=comics.html>Comics & Zines</a></div>
|
||||
<div id=navbutton><a href=originalcharacters.html>OCs</a></div>
|
||||
<div id=navbutton><a href=friends.html>Friends & Collaborators</a></div>
|
||||
<div id=navbutton><a href=friends.html>Friends & Links</a></div>
|
||||
<div id=navbutton><a href=mysantas.html>Santa Collection</a></div>
|
||||
<div id=navbutton><a href=fun.html>Fun</a></div>
|
||||
<div id=navbutton><a href=music.html>Music</a></div>
|
||||
@ -37,8 +37,74 @@
|
||||
</nav>
|
||||
</p></div>
|
||||
|
||||
<div id=main-content><h2>REMAIN CONTENT.</h1></div>
|
||||
<div id=main-content>
|
||||
<img src="./images/galleryheader.png" alt="GALLERY" id="galleryimg">
|
||||
|
||||
<div id="Gallerycontainer">
|
||||
|
||||
<!--
|
||||
template... wahoo!
|
||||
if you can read this....
|
||||
well i got news for you....
|
||||
your EPIC!!!!
|
||||
|
||||
<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 id=gallerythumb>
|
||||
<a href="./gallery/0006.html"><img src="./gallery/thumbs/birdsthumb.png" id="thumbnail">
|
||||
<h3> Miscellaneous Birdbrains</a></h5>
|
||||
Uploaded: <date>24/09/2024</date><br>
|
||||
Various OC drawings!<br>
|
||||
</div>
|
||||
|
||||
<div id=gallerythumb>
|
||||
<a href="./gallery/0005.html"><img src="./gallery/thumbs/tsiolkovsky window thumb.png" id="thumbnail">
|
||||
<h3> You Canny Chuck Pieces Oot A Twenty Storey Flat!</a></h5>
|
||||
Uploaded: <date>24/09/2024</date><br>
|
||||
A baker in a high-rise flat, and a hungry space-warper!<br>
|
||||
</div>
|
||||
|
||||
<div id=gallerythumb>
|
||||
<a href="./gallery/0004.html"><img src="./gallery/thumbs/hylespennymaint2thumb.png" id="thumbnail">
|
||||
<h3> [Commission] The Handoff</a></h5>
|
||||
Created: <date>22/01/2024</date><br>
|
||||
A nefarious handoff happens in maintenance. Space station 13 art.<br>
|
||||
</div>
|
||||
|
||||
<div id=gallerythumb>
|
||||
<a href="./gallery/0003.html"><img src="./gallery/thumbs/the diner of the future part 1 thumb.png" id="thumbnail">
|
||||
<h3> The Diner of the Future</a></h5>
|
||||
Created: <date>25/11/2023</date><br>
|
||||
A silly little space comic.<br>
|
||||
</div>
|
||||
|
||||
<div id=gallerythumb>
|
||||
<a href="./gallery/0002.html"><img src="./gallery/thumbs/manifoldthumb.png" id="thumbnail">
|
||||
<h3> [Commission] Manifold</a></h5>
|
||||
Created: <date>24/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>
|
||||
|
||||
|
||||
|
||||
90
gallery/0001.html
Normal file
@ -0,0 +1,90 @@
|
||||
<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>
|
||||
|
||||
|
||||
|
||||
<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>
|
||||
|
||||
<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;">[commission]Radithax-Ra</h2>
|
||||
<div id=main-container>
|
||||
|
||||
<a href="./images/radithax ra small.png"> <img class="art" src="./images/radithax ra small.png" style="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">
|
||||
<script>
|
||||
var commentics_config = {
|
||||
'identifier': 'dalmart1',
|
||||
'reference' : 'Dalmart 1'
|
||||
};
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<footer>Generously Hosted by <a href="https://autonomic.zone">Autonomic.zone</a><br>
|
||||
Content unless otherwise specified is © Dalmationer 2023</footer>
|
||||
</body>
|
||||
|
||||
|
||||
</html>
|
||||
89
gallery/0002.html
Normal file
@ -0,0 +1,89 @@
|
||||
<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>
|
||||
|
||||
|
||||
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
|
||||
<meta name="robots" content="index, follow">
|
||||
|
||||
<meta property="title" content="[commission]Manifold" />
|
||||
<meta property="description" content="A commission for my friend Thea of her character Manifold." />
|
||||
<meta property="image" content="https://dalmationer.art/gallery/images/manifoldscaled.png" />
|
||||
|
||||
<meta property="og:title" content="[commission]Manifold" />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:description" content="A commission for my friend Thea of her character Manifold." />
|
||||
<meta property="og:image" content="https://dalmationer.art/gallery/images/manifoldscaled.png" />
|
||||
<meta property="og:url" content="https://dalmationer.art/gallery/0002.html" />
|
||||
|
||||
<meta name="twitter:title" content="[commission]Manifold">
|
||||
<meta property="twitter:description" content="A commission for my friend Thea of her character Manifold." />
|
||||
<meta property="twitter:image" content="https://dalmationer.art/gallery/images/manifoldscaled.png" />
|
||||
<meta name="twitter:card" content="https://dalmationer.art/gallery/images/manifoldscaled.png">
|
||||
<meta property="twitter:domain" content="https://dalmationer.art">
|
||||
<meta property="twitter:url" content="https://dalmationer.art/gallery/0002.html" >
|
||||
|
||||
|
||||
|
||||
</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;">[commission]Manifold</h2>
|
||||
<div id=main-container>
|
||||
|
||||
<a href="./images/manifoldscaled.png"> <img class="art" src="./images/manifoldscaled.png" style="max-width: 1054; max-height: 1796;" ></a>
|
||||
|
||||
<p class="artcaption">
|
||||
A commission for my friend Thea of her character Manifold, a space-warping superhero from <a href="http://sch.wikidot.com/">Sunset City Heroes,</a> the superhero
|
||||
FATE accelerated server I occasionally run games on. I've really been in a shiny-fabric rendering mood, and I'm pretty proud with how this came off.<br>
|
||||
Because she's a space-folder and a very movement-oriented sort of woman, I thought it'd be cool to have a lot of contrast between her black suit
|
||||
and the white gauntlets. I like the idea that as she moves, they make really stark smear frames.<br>
|
||||
If you fancy doing some street-level superhero roleplays, do pop by SCH some time. They're a nice bunch.
|
||||
</p>
|
||||
|
||||
<div id="commentics">
|
||||
<script>
|
||||
var commentics_config = {
|
||||
'identifier': 'dalmart2',
|
||||
'reference' : 'Dalmart 2'
|
||||
};
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<footer>Generously Hosted by <a href="https://autonomic.zone">Autonomic.zone</a><br>
|
||||
Content unless otherwise specified is © Dalmationer 2023</footer>
|
||||
</body>
|
||||
|
||||
|
||||
</html>
|
||||
77
gallery/0003.html
Normal file
@ -0,0 +1,77 @@
|
||||
<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="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>
|
||||
|
||||
|
||||
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
|
||||
<meta name="robots" content="index, follow">
|
||||
|
||||
<meta property="title" content="The Diner of the Future" />
|
||||
<meta property="description" content="A space comic." />
|
||||
<meta property="image" content="https://dalmationer.art/gallery/images/the diner of the future part 1.png" />
|
||||
|
||||
<meta property="og:title" content="The Diner of the Future" />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:description" content="A space comic." />
|
||||
<meta property="og:image" content="https://dalmationer.art/gallery/images/the diner of the future part 1.png" />
|
||||
<meta property="og:url" content="https://dalmationer.art/gallery/0003.html" />
|
||||
|
||||
<meta name="twitter:title" content="The Diner of the Future">
|
||||
<meta property="twitter:description" content="A space comic." />
|
||||
<meta property="twitter:image" content="https://dalmationer.art/gallery/images/the diner of the future part 1.png" />
|
||||
<meta name="twitter:card" content="https://dalmationer.art/gallery/images/the diner of the future part 1.png">
|
||||
<meta property="twitter:domain" content="https://dalmationer.art">
|
||||
<meta property="twitter:url" content="https://dalmationer.art/gallery/0003.html" >
|
||||
|
||||
<style>
|
||||
|
||||
body{background-color: black;
|
||||
color: white;
|
||||
font-size: 1vw;}
|
||||
a{color: yellow;}
|
||||
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div title="This is the future capitalists want." id="comic" style="display: block; width: 100vw; max-width: 2400px; text-align: center;color: white;">
|
||||
The following comic is best enjoyed in fullscreen!<br><br>
|
||||
|
||||
<a href="./images/the diner of the future part 1.png"><img src="./images/the diner of the future part 1.png" style="width: 96vw; max-width: 2400px; padding: 1vw;"></a>
|
||||
|
||||
|
||||
<a href="../gallery.html">Back to gallery!</a>
|
||||
</div>
|
||||
<div id="commentics" style="width: 40%; display: block; text-align: center;">
|
||||
<script>
|
||||
var commentics_config = {
|
||||
'identifier': 'dalmart3',
|
||||
'reference' : 'Dalmart 3'
|
||||
};
|
||||
</script>
|
||||
</div>
|
||||
<footer style="display: block; text-align: center;">Generously Hosted by <a href="https://autonomic.zone">Autonomic.zone</a><br>
|
||||
Content unless otherwise specified is © Dalmationer 2023</footer>
|
||||
</body>
|
||||
|
||||
<!--YAHOO i made this page in like twenty minutes this morning haha so it's really lazy.
|
||||
If your reading this.. . . . . . . . . . . .
|
||||
your GAY-->
|
||||
|
||||
</html>
|
||||
127
gallery/0004.html
Normal file
@ -0,0 +1,127 @@
|
||||
<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>
|
||||
|
||||
|
||||
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
|
||||
<meta name="robots" content="index, follow">
|
||||
|
||||
<meta property="title" content="[Commission] The Handoff" />
|
||||
<meta property="description" content="y lovely friend Ottygen's Hyles Lineata makes an important handoff to Lady Penelope Dreadful." />
|
||||
<meta property="image" content="https://dalmationer.art/gallery/images/hylespennymaint2.png" />
|
||||
|
||||
<meta property="og:title" content="[Commission] The Handoff" />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:description" content="y lovely friend Ottygen's Hyles Lineata makes an important handoff to Lady Penelope Dreadful." />
|
||||
<meta property="og:image" content="https://dalmationer.art/gallery/images/hylespennymaint2.png" />
|
||||
<meta property="og:url" content="https://dalmationer.art/gallery/0004.html" />
|
||||
|
||||
<meta name="twitter:title" content="[Commission] The Handoff">
|
||||
<meta property="twitter:description" content="y lovely friend Ottygen's Hyles Lineata makes an important handoff to Lady Penelope Dreadful." />
|
||||
<meta property="twitter:image" content="https://dalmationer.art/gallery/images/hylespennymaint2.pngg" />
|
||||
<meta name="twitter:card" content="https://dalmationer.art/gallery/images/hylespennymaint2.png">
|
||||
<meta property="twitter:domain" content="https://dalmationer.art">
|
||||
<meta property="twitter:url" content="https://dalmationer.art/gallery/0004.html" >
|
||||
|
||||
|
||||
|
||||
</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;">[Commission] The Handoff</h2>
|
||||
<div id=main-container>
|
||||
|
||||
<a href="./images/hylespennymaint2.png"> <img class="art" src="./images/hylespennymaint2.png" style="max-width: 1200; max-height: 1800;" ></a>
|
||||
|
||||
<p class="artcaption">
|
||||
"Do you have the credits?"<br>
|
||||
"OH HO HO HO HO HO HO HO HO! Of course!~"<br><br>
|
||||
My lovely friend Ottygen's Hyles Lineata makes an important handoff to Lady Penelope Dreadful.<br>This piece is inspired by Space Station 13! Check out our server <a href=orbstation.space>here!</a>
|
||||
</p>
|
||||
|
||||
<!--
|
||||
|
||||
==
|
||||
== ====@@@@@@@@@@@@== ==@@@
|
||||
@@== ==@@@@@@@@@@@@@@@@@@@@@@@= =@@@@@@
|
||||
@@@@@=@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
|
||||
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
|
||||
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
|
||||
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@=
|
||||
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ ====
|
||||
== @@@@@@@@@@@@@@@@@@@@@@@@@= =@@@@@@@@@= @
|
||||
== @@@@@@@@@=@@@@@=@@@@@====@ =@@@@@@= @
|
||||
@ = =@= @ == @ =@ =@== @
|
||||
@== @ == =@@@@= =@@@@= @ =@@@@@@@====
|
||||
@@@@@@@@@@@ @@@@@@ @@@@@@ =====@@@@@@@@@@@@@
|
||||
@@@@@@@@@@@ @@@@= =@@@@@ ====@@@@@@@@@@@@@@@@@
|
||||
@@@@@@@@@@@@ ==== =@@@@ @@@@@@@@@@@@@@@@@@@@@@
|
||||
@@@@@@@@@@=== ==== @@@@@@@@@@@@@@@@@@@@@@
|
||||
@@@@@@@@=========== ==@@@@@@@@@@@@@@@@@@@@@@
|
||||
==@@@@@@@@=@@= @@@@@@@@@@@@@@@@@@@
|
||||
@@@@@@@== =@@@= =====@= =@@@@@@@@@@@@@@@@@===
|
||||
@@@@@@@@@@@@@@@@@===== ====@@@@@@@@@@@@==@@@@@@@@=
|
||||
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@=====@@@@@@@@
|
||||
@@@@@@@@@== @@@@@@@@@@@@== @@@@@@@@@@@@@@@@@@@@@@
|
||||
@@@@@@@= @@@@@@@@@ @@@@@@@@@@@@@@@@@@@@@=
|
||||
=@@ @@@@@@@@@ @@@@@@@@@@@@@@@@@@==
|
||||
==@@@= =@@@@@@@@@@@ =@@@@@@@@@@@@@@@@@ =
|
||||
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
|
||||
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@======@@@@@@@
|
||||
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@=
|
||||
=@@@@@@@@@@ =@@@@@@===== =@@@@@@@@@===@@@@@@=
|
||||
=@@@@= @@@@@@ @@@@@@@@@@=@@@=====
|
||||
@==@@==== @@@@@@@= @@@@@@===== ==@@ @
|
||||
=== ========== =@@==@@@=== ====
|
||||
YOU HAVE FOUND
|
||||
SECRET PENELOPE
|
||||
YOU MAY MAKE
|
||||
ONE WISH !!!!!
|
||||
|
||||
-->
|
||||
<div id="commentics">
|
||||
<script>
|
||||
var commentics_config = {
|
||||
'identifier': 'dalmart4',
|
||||
'reference' : 'Dalmart 4'
|
||||
};
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<footer>Generously Hosted by <a href="https://autonomic.zone">Autonomic.zone</a><br>
|
||||
Content unless otherwise specified is © Dalmationer 2023</footer>
|
||||
</body>
|
||||
|
||||
|
||||
</html>
|
||||
125
gallery/0005.html
Normal file
@ -0,0 +1,125 @@
|
||||
<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>
|
||||
|
||||
|
||||
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
|
||||
<meta name="robots" content="index, follow">
|
||||
|
||||
<meta property="title" content="You Canny Chuck Pieces Oot A Twenty Storey Flat!" />
|
||||
<meta property="description" content="The Tsiolkovsky Towers" />
|
||||
<meta property="image" content="https://dalmationer.art/gallery/images/tsiolkovsky window.png" />
|
||||
|
||||
<meta property="og:title" content="You Canny Chuck Pieces Oot A Twenty Storey Flat!" />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:description" content="The Tsiolkovsky Towers" />
|
||||
<meta property="og:image" content="https://dalmationer.art/gallery/images/tsiolkovsky window.png" />
|
||||
<meta property="og:url" content="https://dalmationer.art/gallery/0005.html" />
|
||||
|
||||
<meta name="twitter:title" content="You Canny Chuck Pieces Oot A Twenty Storey Flat!">
|
||||
<meta property="twitter:description" content="The Tsiolkovsky Towers" />
|
||||
<meta property="twitter:image" content="https://dalmationer.art/gallery/images/tsiolkovsky window.png" />
|
||||
<meta name="twitter:card" content="https://dalmationer.art/gallery/images/tsiolkovsky window.png">
|
||||
<meta property="twitter:domain" content="https://dalmationer.art">
|
||||
<meta property="twitter:url" content="https://dalmationer.art/gallery/0005.html" >
|
||||
|
||||
|
||||
|
||||
</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;">You Canny Chuck Pieces Oot A Twenty Storey Flat!</h2>
|
||||
<div id=main-container>
|
||||
|
||||
<a href="./images/tsiolkovsky window.png"> <img class="art" src="./images/tsiolkovsky window.png" style="max-width: 1200; max-height: 1600;" ></a>
|
||||
|
||||
<p class="artcaption">
|
||||
A piece of my character Castaway Quill and various other characters from <a href="sch.wikidot.com">Sunset City Heroes</a>. The Tsiolkovsky Towers is a tower block with a closely-knit community in the borough of Eclipse, in Sunset City.
|
||||
</p>
|
||||
|
||||
<!--
|
||||
|
||||
==
|
||||
== ====@@@@@@@@@@@@== ==@@@
|
||||
@@== ==@@@@@@@@@@@@@@@@@@@@@@@= =@@@@@@
|
||||
@@@@@=@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
|
||||
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
|
||||
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
|
||||
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@=
|
||||
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ ====
|
||||
== @@@@@@@@@@@@@@@@@@@@@@@@@= =@@@@@@@@@= @
|
||||
== @@@@@@@@@=@@@@@=@@@@@====@ =@@@@@@= @
|
||||
@ = =@= @ == @ =@ =@== @
|
||||
@== @ == =@@@@= =@@@@= @ =@@@@@@@====
|
||||
@@@@@@@@@@@ @@@@@@ @@@@@@ =====@@@@@@@@@@@@@
|
||||
@@@@@@@@@@@ @@@@= =@@@@@ ====@@@@@@@@@@@@@@@@@
|
||||
@@@@@@@@@@@@ ==== =@@@@ @@@@@@@@@@@@@@@@@@@@@@
|
||||
@@@@@@@@@@=== ==== @@@@@@@@@@@@@@@@@@@@@@
|
||||
@@@@@@@@=========== ==@@@@@@@@@@@@@@@@@@@@@@
|
||||
==@@@@@@@@=@@= @@@@@@@@@@@@@@@@@@@
|
||||
@@@@@@@== =@@@= =====@= =@@@@@@@@@@@@@@@@@===
|
||||
@@@@@@@@@@@@@@@@@===== ====@@@@@@@@@@@@==@@@@@@@@=
|
||||
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@=====@@@@@@@@
|
||||
@@@@@@@@@== @@@@@@@@@@@@== @@@@@@@@@@@@@@@@@@@@@@
|
||||
@@@@@@@= @@@@@@@@@ @@@@@@@@@@@@@@@@@@@@@=
|
||||
=@@ @@@@@@@@@ @@@@@@@@@@@@@@@@@@==
|
||||
==@@@= =@@@@@@@@@@@ =@@@@@@@@@@@@@@@@@ =
|
||||
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
|
||||
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@======@@@@@@@
|
||||
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@=
|
||||
=@@@@@@@@@@ =@@@@@@===== =@@@@@@@@@===@@@@@@=
|
||||
=@@@@= @@@@@@ @@@@@@@@@@=@@@=====
|
||||
@==@@==== @@@@@@@= @@@@@@===== ==@@ @
|
||||
=== ========== =@@==@@@=== ====
|
||||
YOU HAVE FOUND
|
||||
SECRET PENELOPE
|
||||
YOU MAY MAKE
|
||||
ONE WISH !!!!!
|
||||
|
||||
-->
|
||||
<div id="commentics">
|
||||
<script>
|
||||
var commentics_config = {
|
||||
'identifier': 'dalmart5',
|
||||
'reference' : 'Dalmart 5'
|
||||
};
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<footer>Generously Hosted by <a href="https://autonomic.zone">Autonomic.zone</a><br>
|
||||
Content unless otherwise specified is © Dalmationer 2023</footer>
|
||||
</body>
|
||||
|
||||
|
||||
</html>
|
||||
129
gallery/0006.html
Normal file
@ -0,0 +1,129 @@
|
||||
<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>
|
||||
|
||||
|
||||
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
|
||||
<meta name="robots" content="index, follow">
|
||||
|
||||
<meta property="title" content="Miscellaneous Birdbrains" />
|
||||
<meta property="description" content="Art of Castaway Quill!" />
|
||||
<meta property="image" content="https://dalmationer.art/gallery/images/summer bird.png" />
|
||||
|
||||
<meta property="og:title" content="Miscellaneous Birdbrains" />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:description" content="Art of Castaway Quill!" />
|
||||
<meta property="og:image" content="https://dalmationer.art/gallery/images/summer bird.png" />
|
||||
<meta property="og:url" content="https://dalmationer.art/gallery/0006.html" />
|
||||
|
||||
<meta name="twitter:title" content="Miscellaneous Birdbrains">
|
||||
<meta property="twitter:description" content="Art of Castaway Quill!" />
|
||||
<meta property="twitter:image" content="https://dalmationer.art/gallery/images/summer bird.png" />
|
||||
<meta name="twitter:card" content="https://dalmationer.art/gallery/images/summer bird.png">
|
||||
<meta property="twitter:domain" content="https://dalmationer.art">
|
||||
<meta property="twitter:url" content="https://dalmationer.art/gallery/0006.html" >
|
||||
|
||||
|
||||
|
||||
</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;">Miscellaneous Birdbrains</h2>
|
||||
<div id=main-container>
|
||||
|
||||
<a href="./images/I_like_bird.png"> <img class="art" src="./images/I_like_bird.png" style="max-width: 600; max-height: 800;" ></a>
|
||||
<a href="./images/bird2.png"> <img class="art" src="./images/bird2.png" style="max-width: 800; max-height: 600;" ></a>
|
||||
<a href="./images/summer bird.png"> <img class="art" src="./images/summer bird.png" style="max-width: 1280; max-height: 1024;" ></a>
|
||||
|
||||
<p class="artcaption">
|
||||
Miscellaneous sketches of my character Castaway Quill from <a href="sch.wikidot.com">Sunset City Heroes</a>. Her power is that she has a hive-mind with herself and several birds in it!
|
||||
</p>
|
||||
|
||||
<img class="art" src="./tokens/birdbrain.png" style="max-width: 335; max-height: 477;">
|
||||
|
||||
<!--
|
||||
|
||||
==
|
||||
== ====@@@@@@@@@@@@== ==@@@
|
||||
@@== ==@@@@@@@@@@@@@@@@@@@@@@@= =@@@@@@
|
||||
@@@@@=@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
|
||||
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
|
||||
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
|
||||
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@=
|
||||
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ ====
|
||||
== @@@@@@@@@@@@@@@@@@@@@@@@@= =@@@@@@@@@= @
|
||||
== @@@@@@@@@=@@@@@=@@@@@====@ =@@@@@@= @
|
||||
@ = =@= @ == @ =@ =@== @
|
||||
@== @ == =@@@@= =@@@@= @ =@@@@@@@====
|
||||
@@@@@@@@@@@ @@@@@@ @@@@@@ =====@@@@@@@@@@@@@
|
||||
@@@@@@@@@@@ @@@@= =@@@@@ ====@@@@@@@@@@@@@@@@@
|
||||
@@@@@@@@@@@@ ==== =@@@@ @@@@@@@@@@@@@@@@@@@@@@
|
||||
@@@@@@@@@@=== ==== @@@@@@@@@@@@@@@@@@@@@@
|
||||
@@@@@@@@=========== ==@@@@@@@@@@@@@@@@@@@@@@
|
||||
==@@@@@@@@=@@= @@@@@@@@@@@@@@@@@@@
|
||||
@@@@@@@== =@@@= =====@= =@@@@@@@@@@@@@@@@@===
|
||||
@@@@@@@@@@@@@@@@@===== ====@@@@@@@@@@@@==@@@@@@@@=
|
||||
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@=====@@@@@@@@
|
||||
@@@@@@@@@== @@@@@@@@@@@@== @@@@@@@@@@@@@@@@@@@@@@
|
||||
@@@@@@@= @@@@@@@@@ @@@@@@@@@@@@@@@@@@@@@=
|
||||
=@@ @@@@@@@@@ @@@@@@@@@@@@@@@@@@==
|
||||
==@@@= =@@@@@@@@@@@ =@@@@@@@@@@@@@@@@@ =
|
||||
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
|
||||
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@======@@@@@@@
|
||||
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@=
|
||||
=@@@@@@@@@@ =@@@@@@===== =@@@@@@@@@===@@@@@@=
|
||||
=@@@@= @@@@@@ @@@@@@@@@@=@@@=====
|
||||
@==@@==== @@@@@@@= @@@@@@===== ==@@ @
|
||||
=== ========== =@@==@@@=== ====
|
||||
YOU HAVE FOUND
|
||||
SECRET PENELOPE
|
||||
YOU MAY MAKE
|
||||
ONE WISH !!!!!
|
||||
|
||||
-->
|
||||
<div id="commentics">
|
||||
<script>
|
||||
var commentics_config = {
|
||||
'identifier': 'dalmart5',
|
||||
'reference' : 'Dalmart 5'
|
||||
};
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<footer>Generously Hosted by <a href="https://autonomic.zone">Autonomic.zone</a><br>
|
||||
Content unless otherwise specified is © Dalmationer 2023</footer>
|
||||
</body>
|
||||
|
||||
|
||||
</html>
|
||||
BIN
gallery/images/I_like_bird.png
Normal file
|
After Width: | Height: | Size: 34 KiB |
BIN
gallery/images/QAP fullres.png
Normal file
|
After Width: | Height: | Size: 8.8 MiB |
BIN
gallery/images/bird2.png
Normal file
|
After Width: | Height: | Size: 36 KiB |
BIN
gallery/images/gig test white.png
Normal file
|
After Width: | Height: | Size: 1.0 MiB |
BIN
gallery/images/hylespennymaint2.png
Normal file
|
After Width: | Height: | Size: 266 KiB |
BIN
gallery/images/manifoldscaled.png
Normal file
|
After Width: | Height: | Size: 768 KiB |
BIN
gallery/images/martha yuri.png
Normal file
|
After Width: | Height: | Size: 36 KiB |
BIN
gallery/images/martha yuri2.png
Normal file
|
After Width: | Height: | Size: 25 KiB |
BIN
gallery/images/qap september.png
Normal file
|
After Width: | Height: | Size: 4.7 MiB |
BIN
gallery/images/queer as punk 4 crop.jpg
Normal file
|
After Width: | Height: | Size: 346 MiB |
BIN
gallery/images/radithax ra small.png
Normal file
|
After Width: | Height: | Size: 394 KiB |
BIN
gallery/images/rita jasper ansible.png
Normal file
|
After Width: | Height: | Size: 84 KiB |
BIN
gallery/images/street twink.png
Normal file
|
After Width: | Height: | Size: 2.0 MiB |
BIN
gallery/images/sukypagefinal.png
Normal file
|
After Width: | Height: | Size: 41 MiB |
BIN
gallery/images/summer bird.png
Normal file
|
After Width: | Height: | Size: 61 KiB |
BIN
gallery/images/svendcomm3.png
Normal file
|
After Width: | Height: | Size: 338 KiB |
BIN
gallery/images/the diner of the future part 1.png
Normal file
|
After Width: | Height: | Size: 590 KiB |
BIN
gallery/images/tsiolkovsky window.png
Normal file
|
After Width: | Height: | Size: 139 KiB |
BIN
gallery/thumbs/QAP thumb.png
Normal file
|
After Width: | Height: | Size: 553 KiB |
BIN
gallery/thumbs/birdsthumb.png
Normal file
|
After Width: | Height: | Size: 4.0 KiB |
BIN
gallery/thumbs/hylespennymaint2thumb.png
Normal file
|
After Width: | Height: | Size: 7.9 KiB |
BIN
gallery/thumbs/manifoldthumb.png
Normal file
|
After Width: | Height: | Size: 221 KiB |
BIN
gallery/thumbs/radithumb.png
Normal file
|
After Width: | Height: | Size: 96 KiB |
BIN
gallery/thumbs/svendthumb.png
Normal file
|
After Width: | Height: | Size: 79 KiB |
BIN
gallery/thumbs/the diner of the future part 1 thumb.png
Normal file
|
After Width: | Height: | Size: 5.9 KiB |
BIN
gallery/thumbs/tsiolkovsky window thumb.png
Normal file
|
After Width: | Height: | Size: 22 KiB |
52
gallery/tokens.html
Normal 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>
|
||||
BIN
gallery/tokens/ARMAGEDDON.png
Normal file
|
After Width: | Height: | Size: 26 KiB |
BIN
gallery/tokens/Broadside.png
Normal file
|
After Width: | Height: | Size: 33 KiB |
BIN
gallery/tokens/Cebu.png
Normal file
|
After Width: | Height: | Size: 29 KiB |
BIN
gallery/tokens/Crest.png
Normal file
|
After Width: | Height: | Size: 21 KiB |
BIN
gallery/tokens/Defector.png
Normal file
|
After Width: | Height: | Size: 29 KiB |
BIN
gallery/tokens/Fish.png
Normal file
|
After Width: | Height: | Size: 31 KiB |
BIN
gallery/tokens/Siren.png
Normal file
|
After Width: | Height: | Size: 18 KiB |
BIN
gallery/tokens/Snowdrift.png
Normal file
|
After Width: | Height: | Size: 25 KiB |
BIN
gallery/tokens/Thermidor.png
Normal file
|
After Width: | Height: | Size: 19 KiB |
BIN
gallery/tokens/ali.png
Normal file
|
After Width: | Height: | Size: 10 KiB |
BIN
gallery/tokens/bigcops1.png
Normal file
|
After Width: | Height: | Size: 39 KiB |
BIN
gallery/tokens/bigcops2.png
Normal file
|
After Width: | Height: | Size: 38 KiB |
BIN
gallery/tokens/birdbrain.png
Normal file
|
After Width: | Height: | Size: 39 KiB |
BIN
gallery/tokens/clack.png
Normal file
|
After Width: | Height: | Size: 24 KiB |
BIN
gallery/tokens/doc aster.png
Normal file
|
After Width: | Height: | Size: 12 KiB |
BIN
gallery/tokens/dukat.png
Normal file
|
After Width: | Height: | Size: 9.7 KiB |
BIN
gallery/tokens/elsa.png
Normal file
|
After Width: | Height: | Size: 14 KiB |
BIN
gallery/tokens/gangster.png
Normal file
|
After Width: | Height: | Size: 3.5 KiB |
BIN
gallery/tokens/mars.png
Normal file
|
After Width: | Height: | Size: 9.6 KiB |
BIN
gallery/tokens/megaton-peeled.png
Normal file
|
After Width: | Height: | Size: 28 KiB |
BIN
gallery/tokens/megaton.png
Normal file
|
After Width: | Height: | Size: 32 KiB |
BIN
gallery/tokens/melicope.png
Normal file
|
After Width: | Height: | Size: 21 KiB |
BIN
gallery/tokens/nneka.png
Normal file
|
After Width: | Height: | Size: 8.2 KiB |
BIN
gallery/tokens/pointman.png
Normal file
|
After Width: | Height: | Size: 12 KiB |
BIN
gallery/tokens/rookbishop.png
Normal file
|
After Width: | Height: | Size: 41 KiB |
BIN
gallery/tokens/runningman2.png
Normal file
|
After Width: | Height: | Size: 8.8 KiB |
BIN
gallery/tokens/scofflaw.png
Normal file
|
After Width: | Height: | Size: 6.0 KiB |
BIN
gallery/tokens/swabcops.png
Normal file
|
After Width: | Height: | Size: 110 KiB |
BIN
gallery/tokens/swabnickle.png
Normal file
|
After Width: | Height: | Size: 46 KiB |
BIN
gallery/tokens/tankman.png
Normal file
|
After Width: | Height: | Size: 214 KiB |
BIN
gallery/tokens/tiger.png
Normal file
|
After Width: | Height: | Size: 15 KiB |
BIN
gallery/tokens/wallfly.png
Normal file
|
After Width: | Height: | Size: 43 KiB |
BIN
gallery/tokens/willgunner.png
Normal file
|
After Width: | Height: | Size: 23 KiB |
@ -51,7 +51,7 @@
|
||||
#badges{
|
||||
padding-top: 5px;
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
height: 130px;
|
||||
background-color: rgb(119, 194, 96);
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
@ -62,3 +62,12 @@
|
||||
align-content: center;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width: 800px)
|
||||
{
|
||||
#badges{
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
}
|
||||
|
Before Width: | Height: | Size: 5.3 KiB After Width: | Height: | Size: 5.3 KiB |
BIN
images/Badges/Dalmationer button.png
Normal file
|
After Width: | Height: | Size: 2.5 KiB |
|
Before Width: | Height: | Size: 17 KiB After Width: | Height: | Size: 17 KiB |
BIN
images/Badges/button130.gif
Normal file
|
After Width: | Height: | Size: 4.2 KiB |
BIN
images/Badges/button350.gif
Normal file
|
After Width: | Height: | Size: 1.7 KiB |
BIN
images/Badges/button357.gif
Normal file
|
After Width: | Height: | Size: 560 B |
BIN
images/Badges/button489.png
Normal file
|
After Width: | Height: | Size: 627 B |
BIN
images/Badges/cable2.png
Normal file
|
After Width: | Height: | Size: 1.0 KiB |
|
Before Width: | Height: | Size: 112 KiB After Width: | Height: | Size: 112 KiB |
BIN
images/Badges/gaydefiance.gif
Normal file
|
After Width: | Height: | Size: 23 KiB |
BIN
images/Badges/handcode.jpg
Normal file
|
After Width: | Height: | Size: 1.7 KiB |