Compare commits

..

No commits in common. "main" and "WIP" have entirely different histories.
main ... WIP

103 changed files with 103 additions and 2847 deletions

24
.drone.yml Normal file
View File

@ -0,0 +1,24 @@
---
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

3
Dockerfile Normal file
View File

@ -0,0 +1,3 @@
FROM nginx:1.21.4
COPY ./ /usr/share/nginx/html

View File

@ -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 & Links</a></div>
<div id=navbutton><a href=friends.html>Friends & Collaborators</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>

View File

@ -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 & Links</a></div>
<div id=navbutton><a href=friends.html>Friends & Collaborators</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>

View File

@ -1,24 +0,0 @@
<!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>

View File

View File

View File

@ -1,198 +0,0 @@
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%;}
}

View File

@ -1,18 +1,5 @@
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);
@ -20,15 +7,11 @@ body{
list-style-position: inside;
background-repeat: repeat;
background-attachment: scroll;
font-family: 'lexie','Lucida Grande', 'Lucida Sans', Arial, sans-serif;
font-family:'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
background-image: url(../images/fencered.gif);
}
.bold{
font-family: 'lexie-bold';
}
hr{
border-top: 1px dashed green;
}
@ -44,73 +27,25 @@ 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;
border: 4px 2px 2px 4px;
border-color: green;
border-style: outset ;
border-style: double solid solid double ;
border-radius: 10px;
font-size: large;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-left: 40%;
margin-right: 40%;
margin-top: 5px;
margin-bottom: 5px;
font-weight: bold;
font-size: 100%;
padding: 1%;
background-color: black;
width: 80px;
}
#navbutton:hover{
@ -118,16 +53,14 @@ padding: 5px;}
color: black;
}
#navbutton:active{
border-style:inset;
background:#005500;
}
a{
color: rgb(255, 72, 0);
color: aqua;
}
@font-face {
font-family: "junkostypewriter";
src: url(../fonts/junkos\ typewriter.ttf);
}
.inlineimg{
display: inline;
@ -137,7 +70,7 @@ h1{
font-family: "junkostypewriter", Courier, monospace;
font-weight:100;
font-size: 3.1vw;
color: rgb(255, 72, 0);
color: orange;
}
@ -188,7 +121,7 @@ h2{
margin-right:auto;
height:fit-content;
margin-top: -0.5%;
width: 95%;
width: 69%;
text-align: center;
background-color: black;
}
@ -241,10 +174,6 @@ footer{
margin-right: auto;
}
table{
max-height: 800px;
}
.flex-container{
flex-direction: column;
}

View File

@ -1,60 +0,0 @@
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 ;
}

View File

@ -1,58 +0,0 @@
#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;
}

View File

@ -38,10 +38,6 @@ footer{
background: #88e6c9;
}
#navbutton:active{
background: #56b963;
}
#navbutton{
background: #d7bff3;

View File

@ -1,116 +0,0 @@
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;
}

View File

@ -1,89 +0,0 @@
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%;
}
}

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@ -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= "./css/friendstyles.css">
<link rel="stylesheet" href= "homepagestyles.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 & Links</a></div>
<div id=navbuttonactive><a href=friends.html>Friends & Collaborators</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,132 +37,7 @@
</nav>
</p></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 id=main-content><h2>REMAIN CONTENT.</h1></div>
</div>

View File

@ -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 & Links</a></div>
<div id=navbutton><a href=friends.html>Friends & Collaborators</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>

View File

@ -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= "./css/gallerystyles.css">
<link rel="stylesheet" href= "homepagestyles.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 & Links</a></div>
<div id=navbutton><a href=friends.html>Friends & Collaborators</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,59 +37,8 @@
</nav>
</p></div>
<div id=main-content>
<img src="./images/galleryheader.png" alt="GALLERY" id="galleryimg">
<div id=main-content><h2>REMAIN CONTENT.</h1></div>
<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"></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/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>

View File

@ -1,90 +0,0 @@
<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>

View File

@ -1,89 +0,0 @@
<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>

View File

@ -1,77 +0,0 @@
<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>

View File

@ -1,127 +0,0 @@
<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>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.8 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.0 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 266 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 768 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.7 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 346 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 394 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.0 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 41 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 338 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 590 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 553 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 221 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 96 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 79 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.9 KiB

View File

@ -1,52 +0,0 @@
<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

@ -51,7 +51,7 @@
#badges{
padding-top: 5px;
width: 100%;
height: 130px;
height: 100px;
background-color: rgb(119, 194, 96);
margin-left: auto;
margin-right: auto;
@ -62,12 +62,3 @@
align-content: center;
justify-content: flex-start;
}
@media only screen and (max-width: 800px)
{
#badges{
height: 200px;
}
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 560 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 627 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 966 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 756 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 40 KiB

View File

Before

Width:  |  Height:  |  Size: 5.3 KiB

After

Width:  |  Height:  |  Size: 5.3 KiB

View File

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 17 KiB

View File

Before

Width:  |  Height:  |  Size: 112 KiB

After

Width:  |  Height:  |  Size: 112 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 35 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 102 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 40 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 101 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 122 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 39 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 38 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 367 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 44 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 413 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 41 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 68 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 110 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 46 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 214 KiB

View File

@ -1,11 +1,12 @@
body{
background-color:black;
height: 100vh;
height: 100%;
margin: 0;
}
html{
height: 100%;
margin: 0;
}
@ -16,7 +17,7 @@ img{
#bg-image-container{
background-image: url("./images/islandbg.png");
/* Full height */
height: 100%;
height: 100%;
/* Center and scale the image nicely */
background-position: center;
@ -26,13 +27,13 @@ img{
}
#bg-clouds-container{
height: 100vh;
height: 100%;
position: relative;
}
#bg-clouds{
justify-content: center;
height: 100vh;
height: 100%;
animation-name: "cloudloop";
animation-duration: 60s;
animation-iteration-count: infinite;
@ -44,7 +45,7 @@ img{
}
#skull{
height: 100vh;
height: 100%;
position: absolute;
left: 50%;
transform: translateX(-50%);

View File

@ -1,95 +0,0 @@
<!DOCTYPE html>
<head>
<title>Guide to Animating in GIMP</title>
<meta name="description" content="A quick guide to animating in GIMP">
<meta charset="utf-8">
<meta name="title" content="Animating In GIMP">
<link rel="stylesheet" href= "../css/tutorialstyles.css">
</head>
<body>
<div id="backbutton"><a href="../main.html">Return to Dalmationer.art</a></div>
<div id=content>
<h1>A Rough Guide to Animating With GIMP</h1>
<img src="../images/mousegif.gif" alt="a gif of a mouse blinking with the text 'ANIMATING WITH GIMP'" style="max-width: 640px; width: 100%;">
<h2>What is GIMP?<br>
<h3><i>And how should you use it?</i></h3></h2>
<p>GIMP, the Gnu Image Manipulation Program, is a super useful but terribly named opensource image editing program that will run on most things.
It's particularly good for making raster web graphics, buttons and images. (A <b>Raster</b> or bitmap image is an image made of pixels, rather than being
made of the instructions to make the image like a <b>vector</b> image is.) GIMP is clunky, has a difficult-to-use interface and often crashes when working
with large files (So save regularly!), however it's extremely feature complete. Between its many incredible filters, its opensource framework being fairly easy to modify,
and its ability to run on almost any computer, it's a super useful program... I've been using it for over a decade, and still discover new things (it helps that it's fairly frequently updated!) One of its most useful built-in features is the ability to make basic animations!<br>
In this tutorial, I'd like to show some ways you can do this sort of thing.<br>
Note that due to GIMP's shortfalls, it's not particularly good for LONGER animations... See the table below (Figure 1!)<br>
Note that this guide was written for GIMP 2.10! You can download <a href="https://www.gimp.org/downloads/">GIMP here!</a>
</p>
<table>
<caption>Figure 1.</caption>
<thead>
<tr>
<th>Things GIMP is good at.</th>
<th>Things GIMP is bad at.</th>
</tr>
</thead>
<tbody>
<tr>
<th>
<h3>Basic animations & editing GIF images.</h3>
<p class="indent">GIMP is very good at making basic animations of a few frames and editing gif images, however it's worth noting
that the longer a GIF is, the longer it will take for you to edit it. For longer animations, it may be wise to use the <a href="https://gmic.eu/download.html">GMIC extension,</a>
which is able to apply various filters to many layers at once... It will save you a LOT of button pressing!
</p>
<h3>Indexing & Optimizing</h3>
<p class="indent">GIMP's built-in Floyd-Steinberg and Positioned dithering settings are extremely #aesthetic, and also reduce file sizes on
GIF images loads. Combined with the "Optimize" filter, which basically cuts frames to ONLY the parts that are different from the last frame then lays them on top of one another, you can make GIF images a fraction of the size of those exported
by other programs such as Clip Studio, Flash and even Photoshop!
</p>
<h3>A lot of control over frame delays</h3>
<p class="indent">
Many more professional animation programs have a setting to set a frame rate-- how fast frames will play. If nothing changes between two frames, the program will still
output the same frame again.<br>
When animating in GIMP, you can manually set the duration of each frame, meaning that if something is static for a certain amount of time, you can simply use one frame with a long frame delay.
This helps substantially with cutting down file size.
</p>
</th>
<th>
<h3>GIMP's tablet support is broken on many commonly-used tablets.</h3>
<p class="indent">Pressure sensitivity has been broken on GIMP for many WACOM tablet drivers for years now, and though they've been trying
to fix it lately, it's unlikely that they will. I've heard some newer tablets work on it, but it's not worked for mine since at least 2016.
This makes hand-animation much harder: If you want to very line weight, you have to do it by hand, which is time consuming.
</p>
<h3>GIMP is not suited for long animations.</h3>
<p class="indent">Unless you're chopping things up into tiny parts and making an animation out of many GIF images (which is cool as hell, if so) GIMP is not stable enough to make long animations.
GAP (GIMP Animation Program) which we'll talk about later, helps with this somewhat by allowing you to use automated processes such as Inbetweening and fades, however it is still much slower to use
than animating software (or even Photoshop!) GIMP also does not play well with large image dimensions in print resolution or video resolutions, and tends to crash frequently and slow down noticeably when working with these files.
Also, as you're adding more frames to a file, you add each as a layer with transparency data and RGB channels stored, so it tends to be pretty huge.
</p>
</th>
</tr>
<tr>
<th>
</th>
<th>
</th>
</tr>
</tbody>
</table>
<p>Don't worry if that doesn't all make sense yet! We'll get to more in the tutorial... The takeaway here is: <b>GIMP is good at creating short animations with relatively small file sizes!</b> I.E. It's very good for making animated images that load quickly and do not lag up your browser-- Perfect for making web-buttons!
<br> The other takeaway is that the first step to doing anything in GIMP is asking yourself: <b>"Is this something I should do in GIMP?"</b> Because a lot of the time, the answer will be "no."</p>
<hr>
<div style="text-align: center;"><img src="../images/Badges/ANARCHAFEMgif.gif"><img src="../images/Badges/transliberation.gif"><img src="../images/Badges/gaydefiance.gif"></div>
<hr>
</div>
</body>
</html>

106
main.html
View File

@ -10,7 +10,6 @@
<meta name="keywords" content="Personal, Politics, Art, Comics">
<link rel="stylesheet" href= "mainstyles.css">
<link rel="stylesheet" href= "homepagestyles.css">
<link rel="image" href="./images/screenshot.png">
<script data-goatcounter="https://dalmationer.goatcounter.com/count"
async src="//gc.zgo.at/count.js"></script>
@ -28,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 & Links</a></div>
<div id=navbutton><a href=friends.html>Friends & Collaborators</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>
@ -43,8 +42,7 @@
<div id=About>
<p>Hi! I'm Matilda, AKA Dalm. I'm a Scottish artist & union organiser. This is a website for my artwork, comics, and writing, as well as probably other stuff down the line.<br>
<br>
Stay a while, hang out, and don&#39;t forget to check the guestbook (if I&#39;ve set one up yet.)<br>
You can contact me at hexbombdoom @ gmail.com for now, but i'll be setting up a proper contact page soon!</p>
Stay a while, hang out, and don&#39;t forget to check the guestbook (if I&#39;ve set one up yet.)</p>
</div>
<div id=maincontentlinks class=flexbox>
<div id=sitelink>
@ -52,92 +50,11 @@
<p>Follow my <a href=rss.xml>RSS feed</a> to get news on site updates!</p></div>
<div id="sitelink" class="siteupdates">
<h3>Site updates!</h3><hr>
<!-- template for the updates box.
<article>
<p><h3><i>date</i></h3>
text
</article><hr>
-->
<article>
<p><h3><i>22/01/2024</i></h3>
I forgot to do the thing I mentioned in the last one. Anyway, new art in the gallery! <a href="./gallery/0004.html">check it out!</a>
</article><hr>
<p><h3><i>25/11/2023</i></h3>
There's a new comic in the gallery. Over the next few days I might put some of my art and posters up, too. We'll see.
<br> the band ended up falling apart sadly... but maybe we'll get back together. I hope so. the song we did about Matapacos was really fucking good.
</article><hr>
<p><h3><i>21/07/2023</i></h3>
Added more bands to my <a href="./music/punklist.html">Punk List Page</a>!
I'll make a page soon for my own band, so get hyped for that!!!!
</article><hr>
<p><h3><i>11/05/2023</i></h3>
It's been a while, but I felt like updating my lovely <a href="./music/punklist.html">Punk List Page</a>!
You can now find four incredible new edinburgh local bands! blonde secret, the sabotagers, thundrmoon and thee girl fridays!
Have fun, and remember to book them for some gigs.
</article><hr>
<article>
<p><h3><i>03/02/2023</i></h3>
I've added a new piece of art (a commission!) <a href="gallery/0002.html"> You can check it out here.</a> I should really put my prices up on this site somewhere...
</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!
<br>I forget what else I've added. I think maybe some pals to the friends and links page!
</article><hr>
<article>
<p><h3><i>18/04/2022</i></h3>
Added some friends to the <a href="./friends.html">friends and links</a> page! plus many new badges!
</article><hr>
<article>
<p><h3><i>16/03/2022</i></h3>
Added my wonderful friend Ellie's band PETROLEUM GENDERLOSS to the <a href="./music/punklist.html">Punk List Page</a>, plus I've also added a couple profiles of pals to the <a href="./friends.html">friends and links</a>
page.<br>
I'll be adding more to the gallery and the friends page soon! Stay tuned!
</article><hr>
<article>
<p><h3><i>06/04/2022</i></h3>
Hi all!<br>
Added a bunch of stuff to the site which isn't public just yet... Also started designing my <a href="gallery.html">Gallery</a>, though there's nothing on there yet!
I want to wait until I can work out a way to add a comments box before I start uploading my art. <br>
I've also added an <a href="rss.xml">RSS</a> feed to the site! Hopefully it works! I'm writing a little page about RSS, how to set one up, and why it's cool which will go out soon. I also added more badges, and a link to the Yesterweb Webring!
</article><hr>
<article>
<p><h3><i>25/03/2022</i></h3>
WE'RE LIVE!<br>
I'm so excited to work on this site... Today I recreated the embedded google sheet on the <a href="./music/punklist.html">Punk List Page</a> as a fully handmade HTML form...
Which I think will load much faster and not have any trackers!<br>
I'll maybe write a little blog post and get my RSS feed working properly within the next couple of days, if I can.<br>
Oh, also I added placeholder pages for all the links on my sidebar... REMAIN CONTENT.
</article><hr>
<article>
<p><h3><i>16/02/2022</i></h3>
<h3>Site updates!</h3>
<p><i>16/02/2022</i><br>
Hey all! Welcome to my site! It's not live, so only I'm seeing this right now, but hopefully it'll be up soon!<br>
Added the Gallery page, and finished the functionality of my cool Punk List page... So excited for everyone to see it!<br>
I will likely put up a blog post soon, so that that page isn't completely empty... And so I have something to put on the RSS feed!</p>
</article><hr>
</div>
<div id="badges">
@ -155,20 +72,9 @@
<img src="./images/Badges/tumblrpocalypse_button_6.png">
<img src="./images/Badges/i-cookie.png">
<img src="./images/Badges/ab-nonft.png">
<a href="https://www.ermel.org/handcoded/"><img src="./images/Badges/handcode.jpg"></a>
<img src="./images/Badges/button130.gif">
<img src="./images/Badges/button350.gif">
<img src="./images/Badges/button357.gif">
<img src="./images/Badges/button489.png">
<a href="https://www.cabletwo.tv"><img src="./images/Badges/cable2.png"></a>
<img src="./images/Badges/notoweb3.gif">
<a href="https://posting.cool/"><img src="./images/Badges/orb.png"></a>
<img src="./images/Badges/nofuckinthanks.gif">
<a href="https://warpzone.site"><img src="./images/Badges/warpzone_button.gif"></a>
<a href="https://neocities.org/"><img src="./images/Badges/neo-citi-test.gif"></a>
</div>
<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>

View File

@ -42,10 +42,6 @@ a{
background: #FEFFCC;
}
#navbutton:active{
background: #102C22;
}
#navbuttonactive{
border: 4px 2px 2px 4px;
border-color: #181917;

View File

@ -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 & Links</a></div>
<div id=navbutton><a href=friends.html>Friends & Collaborators</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=navbuttonactive><a href=music.html>Music</a></div>
@ -38,7 +38,7 @@
</p></div>
<div id=main-content><h2>REMAIN CONTENT.</h1>
<p>Check out my <a href="./music/punklist.html">list of Queer and Riot Grrl punk bands in Edinburgh!</a></p></div>
<p>Check out my <a href="./Music/punklist.html">list of Queer and Riot Grrl punk bands in Edinburgh!</a></p></div>
</div>

View File

@ -1,433 +0,0 @@
<html lang="en">
<head>
<title>QUEER PUNK BANDS EDINBURGH</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="UTF-8">
<meta name="description" content="A list of punk bands in Scotland!">
<meta name="author" content="Dalmationer">
<meta name="keywords" content="Edinburgh, punk, bands">
<link rel="stylesheet" href= "../css/bandsstyles.css">
<script data-goatcounter="https://dalmationer.goatcounter.com/count"
async src="//gc.zgo.at/count.js"></script>
</head>
<body>
<div id="header">
<div id=headerandskulls><img src="../images/skullspin.gif" id="skull"> <h1 style="display: inline-block; ">EDINBURGH PUNK BANDS</h1> <img src="../images/skullspin.gif" id="skull"></div>
<img src="../images/queerpunkpage.png" alt="An image showing several cool punk performers, highlighted against harsh red light." style="max-width: 1280px; width: 100%; border: 3px green inset;">
<p>Looking to book some pals for a gig but canny think of who? Want to find someone new & local to listen to? Want to let folks ken about your hot shit new band?
You're in the right place!
Run by MISS MASTERSTROKE and VEE RIOT, this directory is here, queer, and in operation for all your gay little needs.
</p>
<p>This page is a list of the queer and women punk bands in Edinburgh, inspired by <a href="https://girlandqueerbands.neocities.org/">girlandqueerbands.neocities.org.</a><br>
Special emphasis here is placed on <span style="font-weight:bolder">Riot Grrrl</span> and <span style="font-weight:bolder">Queer Punk</span> bands!<br>
<hr>
<h2>LAST UPDATED: <date>25/03/2022</date>!</h2>
<hr>
<img src="../images/punkgirl.gif" alt="punk girl sourced from gifcities" style="display: inline; max-width: 290px; width: 100%; margin-top: -2%; margin-bottom: -3%;">
<ul><span style="font-weight:bolder">This site is to be kept clear of:</span>
<li>Shit cishet man bands</li>
<li>Nazi punks</li>
<li>Capitalist recuperation garbage🤮🤮🤮🤮</li>
<li>Transphobes (as if they'd ever learn to play an instrument lolll)</li></ul><br>
If we somehow accidentally host an artist like that let us ken and we'll remove em.</p>
<div id="navbutton"> <a href="../Main.html">Back to main site.</a></div><br>
</div>
<div id="spreadsheetcontainer">
<table><caption>List of punk bands in Edinburgh</caption>
<colgroup>
<col class="red">
<col class="black">
<col class="red">
<col class="black">
<col class="red">
<col class="black">
</colgroup>
<thead>
<tr>
<th scope="col">Name</th>
<th scope="col">Description</th>
<th scope="col">Style</th>
<th scope="col">Contact</th>
<th scope="col">Links</th>
<th scope="col">Active/Inactive</th>
</tr>
</thead>
<tbody>
<tr>
<td>Auntie Vicious</td>
<td>The new outfit from Sophie (Little Love), Nora (Little Love, PAL), & Lynnette (Llennett, Storm in a D Cup). Disco Grunge. A Queer powered up explosion of angst to make you dance</td>
<td>Charming & Emotional Punk, brilliant to dance to. Sophie tears up the dance floor and gives a wonderful hug. An absolute blast.</td>
<td>auntievicious [at] gmail.com</td>
<td><a href="https://www.facebook.com/AuntieVicious">Facebook</a></td>
<td>Active</td>
</tr>
<tr>
<td>Bee Asha</td>
<td>Bee Asha Singh is a Scottish spoken word artist and rapper Her work is a cathartic outlet that she uses to explore themes of relationships, sexuality and trauma, characterised by an openness to talk about her lived experiences</td>
<td>Highly personal Feminist Rap & Poetry.</td>
<td>beeashasingh [at] gmail.com</td>
<td><a href="https://www.facebook.com/beeashabish">Facebook</a>,<a href="https://www.spititoutproject.com/bee-1">Website</a>,<a href="https://soundcloud.com/bluetigermusic">Soundcloud</a></td>
<td>Active</td>
</tr>
<tr>
<td>Blue Tiger</td>
<td>Melancholic pop tunes for the people. </td>
<td>Sweet and sad, chilled out vibes. I like to draw along with their music.</td>
<td>bluest.tiger [at] gmail.com</td>
<td><a href="https://bluetigerr.club/">Website</a>,
<a href="https://www.facebook.com/bluetigerrr">Facebook</a>,
<a href="https://soundcloud.com/bluetigermusic">Soundcloud</a>
</td>
<td></td>
</tr>
<tr>
<td>Bratakus</td>
<td>Bratakus are a 2 piece Vegan, Riot Grrrl Punk band from the North of Scotland. They are sisters Onnagh Cuinn (Bass/Vocals), Breagha Cuinn (Guitar/Vocals) and a drum machine. They have been described as making 'distortion-driven break-neck riot grrrl sounds'.</td>
<td>Riot Grrl, Vegan, Punk with screamy vocals, like an angry and powerful metalhead baby</td>
<td>breagha [at] hotmail.com</td>
<td><a href="https://www.facebook.com/Bratakus">Facebook</a>,
<a href="https://bratakusmerch.bigcartel.com/">Merch</a>,
<a href="https://www.youtube.com/channel/UCQs37iWkIIftp7a2n9Fk3kw">Youtube</a>,
<a href="https://bratakus.bandcamp.com/">Bandcamp</a>
</td>
<td>Active</td>
</tr>
<tr>
<td>Coma Cat</td>
<td>Coma Cat has awakened to bring you pure catnip. The bassless trio from Edinburgh plays rabid shed rock - a genre-bending type of minimal punk garage conceived for the felines of tomorrow. Or let's just call it music.</td>
<td>DIY Punk as hell, Coma Cat are bouncy and fun... Book them for a headliner!</td>
<td>comacatsheds [at] gmail.com</td>
<td><a href="https://www.facebook.com/comacatband">Facebook,</a>
<a href="https://comacat.bandcamp.com/">Bandcamp,</a>
<a href="https://www.instagram.com/coma_cat_band/">Instagram</a>
</td>
<td>Active</td>
</tr>
<tr>
<td>Curdle</td>
<td>Give us your phone number! Trippy riot pop from Wiggy, Lucy, Clare and Hoggers. Glasgow based female four piece.</td>
<td></td>
<td>curdleband [at] gmail.com</td>
<td><a href="https://www.facebook.com/curdleband">Facebook</a>,
<a href="https://curdle.bigcartel.com/">Merch</a></td>
<td></td>
</tr>
<!--
<tr>
<td>Dear Srrrz</td>
<td>Dear Srrrz are a new queer feminist punk band who write sapphic anthems for the modern grrls, ghouls and dykes and promote girplit solidarity.</td>
<td>VIKI VIKI FILL THIS OUT</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>Faith Elliott</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>-->
<tr>
<td>Fingering at the Disco</td>
<td>Edinburgh based, queer, feminist, punk band born out of "Girls Rock School". Inspired by riot grrrl punk, radical politics, and a little bit of early 2000s pop classics.</td>
<td>CLASSIC Riot Grrrl shit. Snarly and brilliant. GIRLBOSS GIRLBOSS.</td>
<td>Contact em on <a href="https://www.facebook.com/fingerdisco">Facebook</a>!</td>
<td><a href="https://www.facebook.com/fingerdisco">Facebook,</a>
<a href="https://www.instagram.com/fingerdisco/">Instagram</a></td>
<td></td>
</tr>
<tr>
<td>Fistymuffs</td>
<td>Girls Rock School graduates, Fistymuffs are a political punk, Riot Grrrl band from Edinburgh. Their second EP, We Fight, sees the band tackle diet culture, fight gentrification and survive depression before asking you to join them in bringing down the capitalist society we find ourselves in. Expect relatable lyrics, solidarity, and a lot of dancing.</td>
<td>Riot Grrl, Punk, postpunk vibes, with lots of cool guitar pedals and repeated vocals. Brilliant fun with great stage banter. Also check out <a href="https://www.facebook.com/QueerAsPunkEdinburgh">Suky's gigs!</a></td>
<td>fistymuffsband [at] gmail.com</td>
<td>
<a href="https://www.facebook.com/Fistymuffs">Facebook,</a>
<a href="https://fistymuffs.bandcamp.com/">Bandcamp,</a>
<a href="https://twitter.com/Fistymuffs">Twitter,</a>
<a href="https://www.instagram.com/fistymuffs/">Instagram</a>
<a href="https://www.youtube.com/channel/UCJWkDP9FJrQKdXCLSsPU4pQ">Youtube</a>
</td>
<td>Active</td>
</tr>
<tr>
<td>Fit to Work</td>
<td>Fit to Work are a quasi-autonomous, non-governmental punk act from Scotland. Award-winning poet and performer Harry Josephine Giles joins members of Cradle of Filth, The Phantom Band and a guy from an office, to blast a scathing invective over a frantic backdrop of hardcore punk, with elements of thrash and grindcore.</td>
<td>Screamo vocals with super loud, angry drumming. fucking CUTTING lyrics. Fit to work are brilliant... Also check out <a href="https://harryjosephine.com/">Josie's poetry.</a></td>
<td>fittoworkband [at] gmail.com</td>
<td><a href="https://linktr.ee/fittowork">Link Tree,</a>
<a href="http://fittowork.band/">Website,</a>
<a href="https://twitter.com/fittoworkband">Twitter,</a>
<a href="https://www.youtube.com/playlist?list=PLeENk2fq3avkJmwzsBt7yF1qEoa2F8Tg9">Youtube,</a>
<a href="https://fittowork.bandcamp.com">Bandcamp + Merch</a></td>
<td>Active</td>
</tr>
<tr>
<td>Gay Panic Defence</td>
<td>Kirkcaldy-based purveyors of DIY queercore powerviolence [...] have been ripping up Plague Island for the better part of half a decade now. From the chaos of Hardcore Brunch at BYAF to Leftfest to touring the UK to leave it all in smithereens, Gay Panic Defence are a savage proposition of the stereo but a whole different animal live.</td>
<td>Somewhere between hardcore, oi and metal. Gay panic defence have some chaotic sounds for an intense queer mosh pit.</td>
<td>Contact em on <a href="https://www.facebook.com/GayPanicDefence">Facebook!</a></td>
<td><a href="https://gaypanicdefence.bandcamp.com/">Bandcamp,</a>
<a href="https://www.facebook.com/GayPanicDefence">Facebook,</a></td>
<td>Active</td>
</tr>
<tr>
<td>Goth GF</td>
<td>"Glasgow doom punk bullshit"</td>
<td>Sweet & sad punk stuff. Lovely Feels music.</td>
<td>gothgfband [at] gmail.com</td>
<td><a href="https://soundcloud.com/goth_gf">Soundcloud,</a>
<a href="https://www.facebook.com/GothGFofficial">Facebook</a></td>
<td>Active</td>
</tr>
<tr>
<td>Hailey Beavis</td>
<td>Norfolk born Hailey Beavis is a song writer and artist living in Edinburgh.</td>
<td></td>
<td>okpalrecords [at] gmail.com<br>haileybeavis [at] gmail.com</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Honey Farm</td>
<td>All-female scottish rap group. Bouncy, fun, and extremely horny.</td>
<td>Peppy rap stuff, kind of straight, their stage banter is brill.</td>
<td>honeyfarm.official [at] gmail.com</td>
<td><a href="https://thehoneyfarm.bandcamp.com/">Bandcamp,</a> <a href="https://www.facebook.com/TheHoneyFarmOfficial">Facebook</a></td>
<td></td>
</tr>
<tr>
<td>Iona Z</td>
<td>Street songstress based in Leith, Edinburgh.</td>
<td>Street musician, country, blues, has a really incredible, deep voice. Pretty good pals with the page admin. You'll find her playing outside lidl most weeks, and it'll be the highlight of your day.</td>
<td>izawinski [at] gmail.com</td>
<td><a href="https://www.facebook.com/IonaZawinskiMusic">Facebook</a></td>
<td></td>
</tr>
<tr>
<td>Lana Wild</td>
<td>"Lana Wild is a noisy trans girl from Edinburgh, Scotland armed with stories about the craziest year of her life.
Sometimes solo, sometimes with the boys."</td>
<td>Hot as all hell</td>
<td></td>
<td><a href="https://linktr.ee/hellolanawild">Linktree,</a>
<a href="http://www.instagram.com/hellolanawildd">Instagram,</a>
<a href="http://tiktok.com/@hellolanawild">Tick Tock,</a>
<a href="http://www.facebook.com/lanawildmusic">Facebook,</a>
<a href="https://lanawild.bandcamp.com/">Bandcamp.</a></td>
<td></td>
</tr>
<tr>
<td>Lisa the Beauty Queen</td>
<td>Mysterious.</td>
<td>Hard to describe? Kind of noisy? Dubsteppy? It's like if sound was queer and could kick you in the kidney.</td>
<td></td>
<td><a href="https://www.facebook.com/lisathebeautyqueen">Facebook,</a><a href="https://lisathebeautyqueen.bandcamp.com">Bandcamp</a></td>
<td></td>
</tr>
<tr>
<td>lonely carp</td>
<td>A multi-instrumentalist and conceptual recording artist based in Edinburgh, lonely carp blends extended instrumental and vocal technique with both industrial and orchestral soundscapes, attempting to crystallise the complexity of a lived trans experience.</td>
<td></td>
<td>lonelycarp [at] hotmail.com</td>
<td><a href="http://lonelycarp.com/">Website,</a><a href="https://www.facebook.com/lonelycarp">Facebook,</a>
<a href="https://twitter.com/callierosecarp">Twitter,</a><a href="https://www.instagram.com/lonely_carp">Instagram</a></td>
<td>Active</td>
</tr>
<tr>
<td>Lou Mclean</td>
<td>Lou Mclean is a singer-songwriter who specialises in sweet melodies with razor-sharp lyrical content. Lou's music has drawn praise from The Skinny & The List magazines. She was featured in the BBC Scotland Documentary 'Riot Grrl Rock' in Nov 2019, as well as The Janice Forsyth Show. " a gem of the Scottish underground scene".</td>
<td>Poetic lyrics and understated acoustic guitar. Name a venue in Edinburgh and Lou's played there (and sold a lot of CDs.)</td>
<td>lou.mclean.music [at] gmail.com</td>
<td><a href="https://www.facebook.com/loumcleanmusic">Facebook,</a><a href="https://linktr.ee/loumcleanmusic">LinkTree,</a><a href="https://loumcleanmusic.bandcamp.com/">Bandcamp</a></td>
<td>Active</td>
</tr>
<tr>
<td>Molly Wyrd</td>
<td>Sad folk punk.</td>
<td></td>
<td>mollywyrd [at] gmail.com</td>
<td><a href="https://www.facebook.com/mollywyrd">Facebook, <a href="https://soundcloud.com/molly-wyrd">Soundcloud</a></td>
<td></td>
</tr>
<tr>
<td>Pictureskew</td>
<td>walking is the only thing / that comes to me more naturally / than shutting myself up inside / in spite of all that I believe</td>
<td>Mournful solo folk punk, acoustic and sleepy with a bitter humour. Queer.</td>
<td>Contact them on <a href="https://twitter.com/okyesitwas">Twitter.</a></td>
<td><a href="https://soundcloud.com/pictureskew">Soundcloud,</a> <a href="https://twitter.com/okyesitwas">Twitter</a></td>
<td></td>
</tr>
<tr>
<td>Rebecca Radical</td>
<td>Positivity spiked anarcho punk played by a buckfast drinking hippy cunt</td>
<td></td>
<td></td>
<td><a href="https://www.facebook.com/RebeccaRadical">Facebook,</a><a href="https://rebeccaradical.bandcamp.com/">Bandcamp</a></td>
<td></td>
</tr>
<tr>
<td>Sasquatch Junior</td>
<td>Post-rock and math-rock inspired minimalist instrumental guitar. [...] Also been described as 'instrumental emo-sounding magic noodles'</td>
<td>Sweet as hell folky stuff. Listen to their new EP.. it'll make u smile.</td>
<td>Contact them on <a href="https://sasquatchjunior.bandcamp.com/">Bandcamp!</a></td>
<td><a href="https://sasquatchjunior.bandcamp.com/">Bandcamp</a>
<a href="facebook.com/sasquatchjunior">Facebook</a></td>
<td></td>
</tr>
<tr>
<td>Sha Rivari</td>
<td>Sha Riviari is the 21st century one-man band. She plays guitar and stomps on things.</td>
<td></td>
<td>Contact her via <a href="https://sharivari.bandcamp.com/">Bandcamp!</a></td>
<td><a href="https://sharivari.bandcamp.com/">Bandcamp,</a> <a href="https://www.instagram.com/sha_rivari/">Instagram</a></td>
<td></td>
</tr>
<tr>
<td>Suffrajitsu</td>
<td>Suffrajitsu exercise their own brand of punky feminist musical anarchy. This Edinburgh band is made up of graduates from the Girls Rock School initiative.</td>
<td>Girls rock school graduates & teachers, riot grrl, queer! MARCH OF THE WOMEN!!! </td>
<td>Contact them on <a href="https://www.facebook.com/suffrajitsu">Facebook!</a></td>
<td><a href="https://www.facebook.com/suffrajitsu">Facebook</a></td>
<td>Active</td>
</tr>
<tr>
<td>The Farting Sufragettes</td>
<td>Feminist punk. Fake teeth. Jizz monkeys.</td>
<td>Horny as all hell, dancy-punk. Super freaking NSFW so if you book them do be prepared for that.</td>
<td>fartingsuffragettes [at] gmail.com</td>
<td><a href="https://www.facebook.com/thefartingsuffragettes">Facebook,</a> <a href="http://www.instagram.com/thefartingsuffragettes/">Instagram</a></td>
<td></td>
</tr>
<tr>
<td>The Harpies</td>
<td>A feminist, eclectic band with a punk heart based in Edinburgh, formed by a group of immigrants from different parts of the Spanish State: Valencia, Barcelona, León, Ourense and Murcia. We are all graduates from Edinburgh Girl Rock School. </td>
<td>Incredible feminist spanish punk. GREAT fun to dance to.</td>
<td>theharpiesedinburgh [at] gmail.com</td>
<td><a href="https://www.facebook.com/theharpiesedinburgh">Facebook</a></td>
<td>Active</td>
</tr>
<tr>
<td>Twistettes</td>
<td>Jo and Nicky Darc make up The Twistettes with their dirty, twisted bass sound, a hit of swinging flare and thumping driving drums. They are punk, riot grrl, real-deal indie with a touch of psychobilly. They have performed at various venues from the legendary Glasgow Barrowlands to secret underground parties.</td>
<td>It's not drum & bass (the genre) but it is drum & bass (the instrument.) Jo and Nicky are kind of local celebs. Bass-heavy sounds and compelling vocals that rule to dance with.</td>
<td>thetwistettes [at] live.com</td>
<td><a href="https://thetwistettes.bandcamp.com/">Bandcamp,</a><a href="https://www.facebook.com/thetwistettes">Facebook</a></td>
<td>Active</td>
</tr>
<tr>
<td>Vee Ruins</td>
<td>Vee Ruins is a folk punk singer songwriter based in Edinburgh who writes riot grrrl songs about anarcha-feminism. Occasional kazoo & banjo player, part of The Sturdy Fragiles folk punk band and Girls Rock School fanatic.</td>
<td>Lovely acoustic folk punk solo act. Biting sarcasm and burning sincerity!</td>
<td></td>
<td><a href="https://www.facebook.com/veeruins">Facebook,</a><a href="https://soundcloud.com/veeruins"> Soundcloud</a></td>
<td>Active</td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
</div>
<div id="venues">
<div id="flexrow">
<div id="legend">
<h2>Legend</h4>
<p><span id="bold">Band name:</span> The name of the artist<br>
<span id="bold">Description:</span>A rough description of the artist (usually how they describe themselves.)<br>
<span id="bold">Style:</span> Genre is fake, so this is how they FEEL... Also sometimes it's the page author's opinions of them.<br>
<span id="bold">Contact:</span> How to reach out to the artist, in case you want to book them for a gig.
<span id="bold">Links:</span> Where to find the artist online.
<span id="bold">Active/inactive:</span> Is the artist currently doing gigs? Also notes go here.<br><br>
</p>
</div>
<div id="submit">
<h2>Submit an artist!</h2>
<p>Want to submit your fave band? <a href="https://docs.google.com/forms/d/e/1FAIpQLSf0ljtNLNUadZAcLRfsX335NIAJVAh5OsFohNwu1WoJxQjniQ/viewform?usp=sf_link">Here's the form!</a></p>
<ul><span style="font-weight: bolder;">We're especially looking for:</span>
<li>Queer bands (obviously.)</li>
<li>Riot Grrrl and Girls Rock School bands!</li>
<li>BIPOC and minority bands (they dinny get promo'd enough!)</li></ul>
<p>If you have any questions or requests, email us at: [email here lol] </p>
</div>
</div>
<div style="text-align: center;">
<a href="https://www.girlsrockschool.com/"><img src="../images/ads/GRSAD.GIF" class="inlineimg" alt="Are you a woman? nonbinary? genderqueer? intersex? Want to learn to play an instrument and start a band? Join the girls rock school! It's free!"></a>
<a href="http://www.anarcha.org/sallydarity/index.php"><img src="../images/ads/ANARCHAFEMgif.gif" alt="THE FUTURE IS ANARCHA-FEMINISM!" class="inlineimg"></a>
<br><img src="../images/skullspin.gif"><img src="../images/skullspin.gif"><img src="../images/skullspin.gif"><img src="../images/skullspin.gif">
</div>
<h2>Venues</h2>
<p>Coming soon!</p>
</div>
<footer>
Some images sourced from https://gifcities.org/.<br>
This page is Copyleft! Creative commons attribution non-commercial share alike, to be exact.<br>
This page uses NO cookies & does not spy on you! Some of the pages we link to may, however (e.g. Facebook, Google, Instagram.).
</footer>
</body>

View File

@ -6,12 +6,10 @@
<title>QUEER PUNK BANDS EDINBURGH</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="UTF-8">
<meta name="description" content="A list of punk bands in Scotland!" />
<meta property="og:image" content="https://dalmationer.art/images/queerpunkpage.png" />
<meta name="author" content="Dalmationer" />
<meta name="description" content="A list of punk bands in Scotland!">
<meta name="author" content="Dalmationer">
<meta name="keywords" content="Edinburgh, punk, bands">
<link rel="stylesheet" href= "../css/bandsstyles.css">
<meta name="robots" content="index, follow" />
<script data-goatcounter="https://dalmationer.goatcounter.com/count"
async src="//gc.zgo.at/count.js"></script>
@ -28,8 +26,9 @@
<p>This page is a list of the queer and women punk bands in Edinburgh, inspired by <a href="https://girlandqueerbands.neocities.org/">girlandqueerbands.neocities.org.</a><br>
Special emphasis here is placed on <span style="font-weight:bolder">Riot Grrrl</span> and <span style="font-weight:bolder">Queer Punk</span> bands!<br>
<hr>
<h2>LAST UPDATED: <date>21/07/2023</date>!</h2>
<hr>
WARNING! We currrently use an embedded Google Sheet to display these bands. Google.com is a mega-corporation which makes most of its money
by spying on its users and selling their private information, & is basically spyware!
It's possible that we'll move to a fully-HTML solution in future... Stay tuned!<br><hr>
<img src="../images/punkgirl.gif" alt="punk girl sourced from gifcities" style="display: inline; max-width: 290px; width: 100%; margin-top: -2%; margin-bottom: -3%;">
@ -39,498 +38,37 @@
<li>Capitalist recuperation garbage🤮🤮🤮🤮</li>
<li>Transphobes (as if they'd ever learn to play an instrument lolll)</li></ul><br>
If we somehow accidentally host an artist like that let us ken and we'll remove em.</p>
<div id="navbutton"> <a href="../main.html">Back to main site.</a></div><br>
<div id="navbutton"> <a href="../Main.html">Back to main site.</a></div>
</div>
<div id="spreadsheetcontainer">
<table><caption>List of punk bands in Edinburgh</caption>
<colgroup>
<col class="red">
<col class="black">
<col class="red">
<col class="black">
<col class="red">
<col class="black">
</colgroup>
<thead>
<tr>
<th scope="col">Name</th>
<th scope="col">Description</th>
<th scope="col">Style</th>
<th scope="col">Contact</th>
<th scope="col">Links</th>
<th scope="col">Active/Inactive</th>
</tr>
</thead>
<tbody>
<tr>
<td>Auntie Vicious</td>
<td>The new outfit from Sophie (Little Love), Nora (Little Love, PAL), & Lynnette (Llennett, Storm in a D Cup). Disco Grunge. A Queer powered up explosion of angst to make you dance</td>
<td>Charming & Emotional Punk, brilliant to dance to. Sophie tears up the dance floor and gives a wonderful hug. An absolute blast.</td>
<td>auntievicious [at] gmail.com</td>
<td><a href="https://www.facebook.com/AuntieVicious">Facebook</a></td>
<td>Inactive</td>
</tr>
<tr>
<td>Bee Asha</td>
<td>Bee Asha Singh is a Scottish spoken word artist and rapper Her work is a cathartic outlet that she uses to explore themes of relationships, sexuality and trauma, characterised by an openness to talk about her lived experiences</td>
<td>Highly personal Feminist Rap & Poetry.</td>
<td>beeashasingh [at] gmail.com</td>
<td><a href="https://www.facebook.com/beeashabish">Facebook</a>,<a href="https://www.spititoutproject.com/bee-1">Website</a>,<a href="https://soundcloud.com/bluetigermusic">Soundcloud</a></td>
<td>Active</td>
</tr>
<tr>
<td>Blonde Secret</td>
<td>Female-fronted punk/rock inspired band aiming to smash the patriarchy while making people dance 🤘</td>
<td>Absolute banger punk. Taps aff!!!</td>
<td>blondesecretedinburgh [at] gmail.com</td>
<td><a href="https://linktr.ee/blondesecretedinburgh">Website</a>,
<a href="https://blondesecret.sumupstore.com/">Merch</a>,
<a href="https://www.youtube.com/@blondesecret">Listen to them on youtube too!</a>
</td>
<td>Active</td>
</tr>
<tr>
<td>Blue Tiger</td>
<td>Melancholic pop tunes for the people. </td>
<td>Sweet and sad, chilled out vibes. I like to draw along with their music.</td>
<td>bluest.tiger [at] gmail.com</td>
<td><a href="https://bluetigerr.club/">Website</a>,
<a href="https://www.facebook.com/bluetigerrr">Facebook</a>,
<a href="https://soundcloud.com/bluetigermusic">Soundcloud</a>
</td>
<td></td>
</tr>
<tr>
<td>Bratakus</td>
<td>Bratakus are a 2 piece Vegan, Riot Grrrl Punk band from the North of Scotland. They are sisters Onnagh Cuinn (Bass/Vocals), Breagha Cuinn (Guitar/Vocals) and a drum machine. They have been described as making 'distortion-driven break-neck riot grrrl sounds'.</td>
<td>Riot Grrl, Vegan, Punk with screamy vocals, like an angry and powerful metalhead baby</td>
<td>breagha [at] hotmail.com</td>
<td><a href="https://www.facebook.com/Bratakus">Facebook</a>,
<a href="https://bratakusmerch.bigcartel.com/">Merch</a>,
<a href="https://www.youtube.com/channel/UCQs37iWkIIftp7a2n9Fk3kw">Youtube</a>,
<a href="https://bratakus.bandcamp.com/">Bandcamp</a>
</td>
<td>Active</td>
</tr>
<tr>
<td>Chrisalis</td>
<td>Hey! I'm Chris. I love making music, writing poetry and juggling. I try to combine all three whenever I can. I hope one day I can help save the world. Let's get together and make shit better!</td>
<td>Trans folk punk spiritual grooves, very personal, the kind of music you hear once at an open mic night that sticks with you for years.</td>
<td>chrisgimby [at] gmail.com</td>
<td><a href="https://www.facebook.com/ChrisGimby/">Facebook,</a><a href="https://soulscrub.org/chris-gimby">Website,</a> <a href="https://soundcloud.com/chrisgimby">Soundcloud</a></td>
<td>Active</td>
</tr>
<tr>
<td>Coma Cat</td>
<td>Coma Cat has awakened to bring you pure catnip. The bassless trio from Edinburgh plays rabid shed rock - a genre-bending type of minimal punk garage conceived for the felines of tomorrow. Or let's just call it music.</td>
<td>DIY Punk as hell, Coma Cat are bouncy and fun... Book them for a headliner!</td>
<td>comacatsheds [at] gmail.com</td>
<td><a href="https://www.facebook.com/comacatband">Facebook,</a>
<a href="https://comacat.bandcamp.com/">Bandcamp,</a>
<a href="https://www.instagram.com/coma_cat_band/">Instagram</a>
</td>
<td>Inactive</td>
</tr>
<tr>
<td>Curdle</td>
<td>Give us your phone number! Trippy riot pop from Wiggy, Lucy, Clare and Hoggers. Glasgow based female four piece.</td>
<td></td>
<td>curdleband [at] gmail.com</td>
<td><a href="https://www.facebook.com/curdleband">Facebook</a>,
<a href="https://curdle.bigcartel.com/">Merch</a></td>
<td></td>
</tr>
<tr>
<td>Dear Srrrz</td>
<td>Dear Srrrz are a new queer feminist punk band who write sapphic anthems for the modern grrls, ghouls and dykes and promote girplit solidarity.</td>
<td>Brilliant band who absolutely HATE cars and LOVE bikes. Recently got a mosh pit going in a public library of all places. Book them for your gig immediately.</td>
<td>riotwitchpromotions [at] gmail.com</td>
<td><a href="https://www.instagram.com/dearsrrrz/">Instagram</a></td>
<td>Active! Book them for more gigs!</td>
</tr>
<!--<tr>
<td>Faith Elliott</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>-->
<tr>
<td>Elsie MacDonald</td>
<td>Elsie MacDonald is a local folk punk singer trying to appease both her uncle and auntie folk with touching and insightful songs to give hope for a better tomorrow.</td>
<td>Acoustic folk punk with some politics, humanity and humour.</td>
<td>elsiemacdonaldmusic [at] gmail.com</td>
<td><a href="https://linktr.ee/elsiemacdonald">Link Tree</a></td>
<td>Active</td>
</tr>
<tr>
<td>Fingering at the Disco</td>
<td>Edinburgh based, queer, feminist, punk band born out of "Girls Rock School". Inspired by riot grrrl punk, radical politics, and a little bit of early 2000s pop classics.</td>
<td>CLASSIC Riot Grrrl shit. Snarly and brilliant. GIRLBOSS GIRLBOSS.</td>
<td>Contact em on <a href="https://www.facebook.com/fingerdisco">Facebook</a>!</td>
<td><a href="https://www.facebook.com/fingerdisco">Facebook,</a>
<a href="https://www.instagram.com/fingerdisco/">Instagram</a></td>
<td></td>
</tr>
<tr>
<td>Fistymuffs</td>
<td>Girls Rock School graduates, Fistymuffs are a political punk, Riot Grrrl band from Edinburgh. Their second EP, We Fight, sees the band tackle diet culture, fight gentrification and survive depression before asking you to join them in bringing down the capitalist society we find ourselves in. Expect relatable lyrics, solidarity, and a lot of dancing.</td>
<td>Riot Grrl, Punk, postpunk vibes, with lots of cool guitar pedals and repeated vocals. Brilliant fun with great stage banter. Also check out <a href="https://www.facebook.com/QueerAsPunkEdinburgh">Suky's gigs!</a></td>
<td>fistymuffsband [at] gmail.com</td>
<td>
<a href="https://www.facebook.com/Fistymuffs">Facebook,</a>
<a href="https://fistymuffs.bandcamp.com/">Bandcamp,</a>
<a href="https://twitter.com/Fistymuffs">Twitter,</a>
<a href="https://www.instagram.com/fistymuffs/">Instagram</a>
<a href="https://www.youtube.com/channel/UCJWkDP9FJrQKdXCLSsPU4pQ">Youtube</a>
</td>
<td>Active</td>
</tr>
<tr>
<td>Fit to Work</td>
<td>Fit to Work are a quasi-autonomous, non-governmental punk act from Scotland. Award-winning poet and performer Harry Josephine Giles joins members of Cradle of Filth, The Phantom Band and a guy from an office, to blast a scathing invective over a frantic backdrop of hardcore punk, with elements of thrash and grindcore.</td>
<td>Screamo vocals with super loud, angry drumming. fucking CUTTING lyrics. Fit to work are brilliant... Also check out <a href="https://harryjosephine.com/">Josie's poetry.</a></td>
<td>fittoworkband [at] gmail.com</td>
<td><a href="https://linktr.ee/fittowork">Link Tree,</a>
<a href="http://fittowork.band/">Website,</a>
<a href="https://twitter.com/fittoworkband">Twitter,</a>
<a href="https://www.youtube.com/playlist?list=PLeENk2fq3avkJmwzsBt7yF1qEoa2F8Tg9">Youtube,</a>
<a href="https://fittowork.bandcamp.com">Bandcamp + Merch</a></td>
<td>Active</td>
</tr>
<tr>
<td>Gay Panic Defence</td>
<td>Kirkcaldy-based purveyors of DIY queercore powerviolence [...] have been ripping up Plague Island for the better part of half a decade now. From the chaos of Hardcore Brunch at BYAF to Leftfest to touring the UK to leave it all in smithereens, Gay Panic Defence are a savage proposition of the stereo but a whole different animal live.</td>
<td>Somewhere between hardcore, oi and metal. Gay panic defence have some chaotic sounds for an intense queer mosh pit.</td>
<td>Contact em on <a href="https://www.facebook.com/GayPanicDefence">Facebook!</a></td>
<td><a href="https://gaypanicdefence.bandcamp.com/">Bandcamp,</a>
<a href="https://www.facebook.com/GayPanicDefence">Facebook,</a></td>
<td>Inctive</td>
</tr>
<tr>
<td>Thee Girl Fridays</td>
<td>Scotlands lo-fi, hi-class, girl gang, garage trash combo affiliated to the Girls Rock School</td>
<td>Witchy and spooky, retro rock-and-roll rockabilly Riot Grrrrrrrrrrrrrrrr<b>rrrrrrrrr</b>lz</td>
<td>theegirlfridays [at] gmail.com</td>
<td><a href="https://www.instagram.com/theegirlfridays">Instagram,</a> <a href="https://www.facebook.com/theegirlfridays">Facebook</a>,
<a href="https://theegirlfridays.bandcamp.com">Bandcamp</a></td>
<td>Active</td>
</tr>
<tr>
<td>Goth GF</td>
<td>"Glasgow doom punk bullshit"</td>
<td>Sweet & sad punk stuff. Lovely Feels music.</td>
<td>gothgfband [at] gmail.com</td>
<td><a href="https://soundcloud.com/goth_gf">Soundcloud,</a>
<a href="https://www.facebook.com/GothGFofficial">Facebook</a></td>
<td>Active</td>
</tr>
<tr>
<td>Hailey Beavis</td>
<td>Norfolk born Hailey Beavis is a song writer and artist living in Edinburgh.</td>
<td></td>
<td>okpalrecords [at] gmail.com<br>haileybeavis [at] gmail.com</td>
<td><a href="https://www.haileybeavis.com/">Website</a></td>
<td></td>
</tr>
<tr>
<td>Honey Farm</td>
<td>All-female scottish rap group. Bouncy, fun, and extremely horny.</td>
<td>Peppy rap stuff, kind of straight, their stage banter is brill.</td>
<td>honeyfarm.official [at] gmail.com</td>
<td><a href="https://thehoneyfarm.bandcamp.com/">Bandcamp,</a> <a href="https://www.facebook.com/TheHoneyFarmOfficial">Facebook</a></td>
<td></td>
</tr>
<tr>
<td>Iona Z</td>
<td>Street songstress based in Leith, Edinburgh.</td>
<td>Street musician, country, blues, has a really incredible, deep voice. Pretty good pals with the page admin. You'll find her playing outside lidl most weeks, and it'll be the highlight of your day.</td>
<td>izawinski [at] gmail.com</td>
<td><a href="https://www.facebook.com/IonaZawinskiMusic">Facebook</a></td>
<td></td>
</tr>
<tr>
<td>Lana Wild</td>
<td>"Lana Wild is a noisy trans girl from Edinburgh, Scotland armed with stories about the craziest year of her life.
Sometimes solo, sometimes with the boys."</td>
<td>Hot as all hell</td>
<td></td>
<td><a href="https://linktr.ee/hellolanawild">Linktree,</a>
<a href="http://www.instagram.com/hellolanawildd">Instagram,</a>
<a href="http://tiktok.com/@hellolanawild">Tick Tock,</a>
<a href="http://www.facebook.com/lanawildmusic">Facebook,</a>
<a href="https://lanawild.bandcamp.com/">Bandcamp.</a></td>
<td></td>
</tr>
<tr>
<td>Lisa the Beauty Queen</td>
<td>Mysterious.</td>
<td>Hard to describe? Kind of noisy? Dubsteppy? It's like if sound was queer and could kick you in the kidney.</td>
<td></td>
<td><a href="https://www.facebook.com/lisathebeautyqueen">Facebook,</a><a href="https://lisathebeautyqueen.bandcamp.com">Bandcamp</a></td>
<td></td>
</tr>
<tr>
<td>lonely carp</td>
<td>A multi-instrumentalist and conceptual recording artist based in Edinburgh, lonely carp blends extended instrumental and vocal technique with both industrial and orchestral soundscapes, attempting to crystallise the complexity of a lived trans experience.</td>
<td></td>
<td>lonelycarp [at] hotmail.com</td>
<td><a href="http://lonelycarp.com/">Website,</a><a href="https://www.facebook.com/lonelycarp">Facebook,</a>
<a href="https://twitter.com/callierosecarp">Twitter,</a><a href="https://www.instagram.com/lonely_carp">Instagram</a></td>
<td>Active</td>
</tr>
<tr>
<td>Lou Mclean</td>
<td>Lou Mclean is a singer-songwriter who specialises in sweet melodies with razor-sharp lyrical content. Lou's music has drawn praise from The Skinny & The List magazines. She was featured in the BBC Scotland Documentary 'Riot Grrl Rock' in Nov 2019, as well as The Janice Forsyth Show. " a gem of the Scottish underground scene".</td>
<td>Poetic lyrics and understated acoustic guitar. Name a venue in Edinburgh and Lou's played there (and sold a lot of CDs.)</td>
<td>lou.mclean.music [at] gmail.com</td>
<td><a href="https://www.facebook.com/loumcleanmusic">Facebook,</a><a href="https://linktr.ee/loumcleanmusic">LinkTree,</a><a href="https://loumcleanmusic.bandcamp.com/">Bandcamp</a></td>
<td>Active</td>
</tr>
<tr>
<td>Molly Wyrd</td>
<td>Sad folk punk.</td>
<td></td>
<td>mollywyrd [at] gmail.com</td>
<td><a href="https://www.facebook.com/mollywyrd">Facebook, <a href="https://soundcloud.com/molly-wyrd">Soundcloud</a></td>
<td>Inactive</td>
</tr>
<tr>
<td>PETROLEUM GENDERLOSS</td>
<td>Petroleum! Genderloss are a multi media art group working across a number of mediums making all sorts of art, theater and zines.<br>
They are also a band!</td>
<td>Improvisational noise music and performance art, indescribable. Ludicrously trans. Ellie is the bass tutor with GRS-- taught me everything I know!!</td>
<td>Contact them on <a href="https://www.facebook.com/Petroleum-Genderloss-105208354365481">Facebook</a>!</td>
<td><a href="https://petroleumgenderloss.bandcamp.com">Bandcamp</a>, <a href="https://www.facebook.com/Petroleum-Genderloss-105208354365481">Facebook</a></td>
<td>Active</td>
</tr>
<tr>
<td>Pictureskew</td>
<td>walking is the only thing / that comes to me more naturally / than shutting myself up inside / in spite of all that I believe</td>
<td>Mournful solo folk punk, acoustic and sleepy with a bitter humour. Queer.</td>
<td>Contact them on <a href="https://twitter.com/okyesitwas">Twitter.</a></td>
<td><a href="https://soundcloud.com/pictureskew">Soundcloud,</a> <a href="https://twitter.com/okyesitwas">Twitter</a></td>
<td></td>
</tr>
<tr>
<td>Rebecca Radical</td>
<td>Positivity spiked anarcho punk played by a buckfast drinking hippy cunt</td>
<td></td>
<td></td>
<td><a href="https://www.facebook.com/RebeccaRadical">Facebook,</a><a href="https://rebeccaradical.bandcamp.com/">Bandcamp</a></td>
<td></td>
</tr>
<tr>
<td>The Sabotagers</td>
<td>Sabotaging songs with an existential high-pitch attitude.</td>
<td>tsabotagers [at] gmail.com</td>
<td>Contact them on <a href="https://www.instagram.com/the.sabotagers/">Instagram!</a></td>
<td><a href="https://www.instagram.com/the.sabotagers/">Instagram</a></td>
<td>Active</td>
</tr>
<tr>
<td>Sasquatch Junior</td>
<td>Post-rock and math-rock inspired minimalist instrumental guitar. [...] Also been described as 'instrumental emo-sounding magic noodles'</td>
<td>Sweet as hell folky stuff. Listen to their new EP.. it'll make u smile.</td>
<td>Contact them on <a href="https://sasquatchjunior.bandcamp.com/">Bandcamp!</a></td>
<td><a href="https://sasquatchjunior.bandcamp.com/">Bandcamp</a>
<a href="facebook.com/sasquatchjunior">Facebook</a></td>
<td></td>
</tr>
<tr>
<td>Scottish Gabber Punk</td>
<td>Combining the energy of Punk with the power of Gabber-
<br>
THIS IS SCOTTISH GABBER PUNK!</td>
<td>LOUD, fast and intense. Political as fuck. Like drinkin a shot of punk and hyperpop at the same time.</td>
<td>scottishgabberpunk [at] gmail.com</td>
<td><a href="https://linktr.ee/scottishgabberpunk">Website</a></td>
<td>Active</td>
</tr>
<tr>
<td>Shambol!ca</td>
<td>We are a 4 piece post punk/ indie guitar band, who are mainly GRSE graduates, performing a diverse range or originals songs and covers. We've been told that our original songs are relatable with a humorous attitude that gets the audience excited. We have 2 main vocalists in the band, one sounds very Scottish and the other sounds very emotional that it can make you cry, 2 for the price of 1, what a bargin! :D</td>
<td>Feminist riot grrrl shit. Kinda indie, kinda post-punk! Girls Rock School grads.</td>
<td>weareshambolica [at] gmail.com</td>
<td><a href="https://linktr.ee/weareshambolica">Link Tree, </a><a href="https://weareshambolica.blogspot.com/">Blog,</a> <a href="https://www.instagram.com/weare_shambolica">Instagram,</a> <a href="https://www.facebook.com/weareshambolica/">Facebook,</a> <a href="https://twitter.com/weareshambolica">Twitter,</a> <a href="https://soundcloud.com/weareshambolica">Soundcloud</a></td>
<td></td>
</tr>
<tr>
<td>Sha Rivari</td>
<td>Sha Riviari is the 21st century one-man band. She plays synth punk/garage rock. Creates retrofuturistic riffs for the freaks of today.</td>
<td>Some lovely midi music chilled out beats. Ideal as a wind-down in the middle of a night for slow dancing and sipping a cocktail. Also has a new EP out!</td>
<td>Contact her via <a href="https://sharivari.bandcamp.com/">Bandcamp!</a></td>
<td><a href="https://sharivari.bandcamp.com/">Bandcamp,</a> <a href="https://www.instagram.com/sha_rivari/">Instagram</a></td>
<td>Active</td>
</tr>
<tr>
<td>Suffrajitsu</td>
<td>Suffrajitsu exercise their own brand of punky feminist musical anarchy. This Edinburgh band is made up of graduates from the Girls Rock School initiative.</td>
<td>Girls rock school graduates & teachers, riot grrl, queer! MARCH OF THE WOMEN!!! </td>
<td>Contact them on <a href="https://www.facebook.com/suffrajitsu">Facebook!</a></td>
<td><a href="https://www.facebook.com/suffrajitsu">Facebook</a></td>
<td>Active</td>
</tr>
<tr>
<td>The Farting Sufragettes</td>
<td>Feminist punk. Fake teeth. Jizz monkeys.</td>
<td>Horny as all hell, dancy-punk. Super freaking NSFW so if you book them do be prepared for that.</td>
<td>fartingsuffragettes [at] gmail.com</td>
<td><a href="https://www.facebook.com/thefartingsuffragettes">Facebook,</a> <a href="http://www.instagram.com/thefartingsuffragettes/">Instagram</a></td>
<td>Active... Sexually!</td>
</tr>
<tr>
<td>The Harpies</td>
<td>A feminist, eclectic band with a punk heart based in Edinburgh, formed by a group of immigrants from different parts of the Spanish State: Valencia, Barcelona, León, Ourense and Murcia. We are all graduates from Edinburgh Girl Rock School. </td>
<td>Incredible feminist spanish punk. GREAT fun to dance to.</td>
<td>theharpiesedinburgh [at] gmail.com</td>
<td><a href="https://www.facebook.com/theharpiesedinburgh">Facebook</a></td>
<td>Active</td>
</tr>
<tr>
<td>Haylee - G - Devils in Skirts</td>
<td>Punky, rap and dancey! Distortion guitar n fuzzy bass with Scottish punky attitude and lyrics!</td>
<td>Hip-hop punk, very scottish. Check oot their songs on their website and the youtube.</td>
<td>bookings.devilsinskirts [at] gmail.com</td>
<td><a href="www.hayleegdevilsinskirts.co.uk">Website,</a> <a href="https://www.youtube.com/@devilsinskirts6310/videos">Youtube</a></td>
<td>Active</td>
</tr>
<tr>
<td>Thundrmoon</td>
<td>Cosmic queer sounds from the moon 🌔 Electro-Synth-Wave-Dance-Punk. We make the thunder, you bring the snacks.</td>
<td>Chill and relaxing, good for a sombre and inspiring night. Listen to the live recordings on their bandcamp.</td>
<td><a href="https://linktr.ee/thundrmoon">Contact them on their website here!</a></td>
<td><a href="https://linktr.ee/thundrmoon">Website</a>,
<a href="https://thundrmoon.bandcamp.com/">Bandcamp</a></td>
<td>Active</td>
</tr>
<tr>
<td>Twistettes</td>
<td>Jo and Nicky Darc make up The Twistettes with their dirty, twisted bass sound, a hit of swinging flare and thumping driving drums. They are punk, riot grrl, real-deal indie with a touch of psychobilly. They have performed at various venues from the legendary Glasgow Barrowlands to secret underground parties.</td>
<td>It's not drum & bass (the genre) but it is drum & bass (the instrument.) Jo and Nicky are kind of local celebs. Bass-heavy sounds and compelling vocals that rule to dance with.</td>
<td>thetwistettes [at] live.com</td>
<td><a href="https://thetwistettes.bandcamp.com/">Bandcamp,</a><a href="https://www.facebook.com/thetwistettes">Facebook</a></td>
<td>Active</td>
</tr>
<tr>
<td>TXTERT</td>
<td>???</td>
<td>Weird techno stuff, kind of art, very chilled out. Lots of bitcrushers.</td>
<td>contact them on <a href="https://www.instagram.com/txtert/">instagram</a> or <a href="https://www.facebook.com/weRtxtert">Facebook</a></td>
<td><a href="https://txtert.bandcamp.com/">Bandcamp,</a><a href="https://www.facebook.com/weRtxtert">Facebook</a></td>
<td>Active</td>
</tr>
<tr>
<td>Unspeakable Monday</td>
<td>Edinburgh based punk rock band</td>
<td>Incredible GRS style girl punk. Honestly gives me kinda MCR emo vibes lmao. They own.</td>
<td>contact them on <a href="https://www.instagram.com/unspeakablemonday">instagram</a> or <a href="https://www.facebook.com/profile.php?id=100076440691636">Facebook</a></td>
<td><a href="https://linktr.ee/UnspeakableMonday">Website,</a><a href="https://www.facebook.com/profile.php?id=100076440691636">Facebook</a></td>
<td>Active</td>
</tr>
<tr>
<td>Vee Ruins</td>
<td>Vee Ruins is a folk punk singer songwriter based in Edinburgh who writes riot grrrl songs about anarcha-feminism. Occasional kazoo & banjo player, part of The Sturdy Fragiles folk punk band and Girls Rock School fanatic.</td>
<td>Lovely acoustic folk punk solo act. Biting sarcasm and burning sincerity!</td>
<td>Contact them on <a href="https://www.facebook.com/veeruins">Facebook!</a></td>
<td><a href="https://www.facebook.com/veeruins">Facebook,</a><a href="https://soundcloud.com/veeruins"> Soundcloud</a></td>
<td>Active</td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
<div id="flexrow">
<div id="legend">
<h2>Legend</h4>
<p><span id="bold">Band name:</span> The name of the artist<br>
<span id="bold">Description:</span>A rough description of the artist (usually how they describe themselves.)<br>
<span id="bold">Style:</span> Genre is fake, so this is how they FEEL... Also sometimes it's the page author's opinions of them.<br>
<span id="bold">Contact:</span> How to reach out to the artist, in case you want to book them for a gig.
<span id="bold">Links:</span> Where to find the artist online.
<span id="bold">Active/inactive:</span> Is the artist currently doing gigs? Also notes go here.<br><br>
</p>
</div>
<div id="submit">
<h2>Submit an artist!</h2>
<p>Want to submit your fave band? <a href="https://docs.google.com/forms/d/e/1FAIpQLSf0ljtNLNUadZAcLRfsX335NIAJVAh5OsFohNwu1WoJxQjniQ/viewform?usp=sf_link">Here's the form!</a></p>
<ul><span style="font-weight: bolder;">We're especially looking for:</span>
<li>Queer bands (obviously.)</li>
<li>Riot Grrrl and Girls Rock School bands!</li>
<li>BIPOC and minority bands (they dinny get promo'd enough!)</li></ul>
<p>If you have any questions or requests, email us at: <a href="mailto:hexbombdoom@gmail.com">hexbombdoom@gmail.com</a> </p>
</div>
<iframe src="https://docs.google.com/spreadsheets/d/e/2PACX-1vRGMbXgwS6zFC5_3kC5pevcg4S79t8fs7D6dmNSwTCKW2QEEdgU2b1OEPTZZQ64ufWfUYg136heDHnO/pubhtml?widget=true&amp;headers=false" id="sheetframe"></iframe>
<div id="flexrow">
<div id="legend">
<h2>Legend</h4>
<p><span id="bold">Band name:</span> The name of the artist<br>
<span id="bold">Description:</span>A rough description of the artist (usually how they describe themselves.)<br>
<span id="bold">Style:</span> Genre is fake, so this is how they FEEL... Also sometimes it's the page author's opinions of them.<br>
<span id="bold">Contact:</span> How to reach out to the artist, in case you want to book them for a gig.
<span id="bold">Links:</span> Where to find the artist online.
<span id="bold">Active/inactive:</span> Is the artist currently doing gigs? Also notes go here.<br><br>
</p>
</div>
<div style="text-align: center;">
<a href="https://www.girlsrockschool.com/"><img src="../images/Badges/GRSAD.GIF" class="inlineimg" alt="Are you a woman? nonbinary? genderqueer? intersex? Want to learn to play an instrument and start a band? Join the girls rock school! It's free!"></a>
<a href="http://www.anarcha.org/sallydarity/index.php"><img src="../images/Badges/ANARCHAFEMgif.gif" alt="THE FUTURE IS ANARCHA-FEMINISM!" class="inlineimg"></a>
<img src="../images/Badges/gaydefiance.gif" alt="GAY DEFIANCE! NOT JUST PRIDE!" class="inlineimg">
<img src="../images/Badges/transliberation.gif" alt="TRANS LIBERATION, NOT JUST RIGHTS!" class="inlineimg">
<br><img src="../images/skullspin.gif"><img src="../images/skullspin.gif"><img src="../images/skullspin.gif"><img src="../images/skullspin.gif">
</div>
<div id="submit">
<h2>Submit an artist!</h2>
<p>Want to submit your fave band? <a href="https://docs.google.com/forms/d/e/1FAIpQLSf0ljtNLNUadZAcLRfsX335NIAJVAh5OsFohNwu1WoJxQjniQ/viewform?usp=sf_link">Here's the form!</a></p>
<ul><span style="font-weight: bolder;">We're especially looking for:</span>
<li>Queer bands (obviously.)</li>
<li>Riot Grrrl and Girls Rock School bands!</li>
<li>BIPOC and minority bands (they dinny get promo'd enough!)</li></ul>
<p>If you have any questions or requests, email us at: [email here lol] </p>
</div>
</div>
<a href="https://www.girlsrockschool.com/"><img src="../images/ads/GRSAD.GIF" class="inlineimg" alt="Are you a woman? nonbinary? genderqueer? intersex? Want to learn to play an instrument and start a band? Join the girls rock school! It's free!"></a>
<img src="../images/ads/ANARCHAFEMgif.gif" alt="THE FUTURE IS ANARCHA-FEMINISM!" class="inlineimg">
<br><img src="../images/skullspin.gif"><img src="../images/skullspin.gif"><img src="../images/skullspin.gif"><img src="../images/skullspin.gif">
</div>
<div id="venues">
@ -542,6 +80,6 @@
<footer>
Some images sourced from https://gifcities.org/.<br>
This page is Copyleft! Creative commons attribution non-commercial share alike, to be exact.<br>
This page uses NO cookies & does not spy on you! Some of the pages we link to may, however (e.g. Facebook, Google, Instagram.).
This page uses NO cookies & does not spy on you! Except the google doc. Google does spy on you.
</footer>
</body>

View File

@ -1,43 +0,0 @@
<!DOCTYPE html>
<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= "mainstyles.css">
<link rel="stylesheet" href= "ellastyles.css">
<link rel="image" href="./images/screenshot.png">
<script data-goatcounter="https://dalmationer.goatcounter.com/count"
async src="//gc.zgo.at/count.js"></script>
</head>
<body>
<div class="header">
</div>
<div class="content-container">
<div class="navbox">
</div>
<div class="maincontent">
</div>
</div>
<div class="footer">
</div>
</body>
</html>

View File

View File

@ -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=navbuttonactive><a href=originalcharacters.html>OCs</a></div>
<div id=navbutton><a href=friends.html>Friends & Links</a></div>
<div id=navbutton><a href=friends.html>Friends & Collaborators</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>

View File

@ -1,25 +0,0 @@
<!DOCTYPE html>
<head>
<title>Matilda's Portfolio</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="UTF-8">
<meta name="description" content="My portfolio">
<meta name="author" content="Dalmationer">
<meta name="keywords" content="Portfolio, Art">
<link rel="stylesheet" href= "./css/portfoliostyles.css">
<link rel="image" href="">
<script data-goatcounter="https://dalmationer.goatcounter.com/count"
async src="//gc.zgo.at/count.js"></script>
</head>
<body>
</body>
</html>

View File

@ -1,173 +0,0 @@
<!DOCTYPE html>
<head>
<title>What Is RSS?</title>
<meta name="description" content="This page seeks to explain what RSS is, and why
and how to use it on your website.">
<meta charset="utf-8">
<meta name="title" content="What Is RSS?">
<link rel="stylesheet" href="./css/rssstyles.css">
</head>
<body>
<div id="flex-container">
<div id="main-content">
<h1 class=orange id="part1">What Is RSS?</h1>
<img src="./images/articleimages/rsspic3.png" alt="What is Really Smart Syndication and how can we use it to make a healthier internet?" id="articleimage" style="max-width: 640px;
display: block;
margin-left: auto;
margin-right: auto;">
<div class="padded">
<p> <i>Article by Dalm.</i><br>
<b>RSS</b> AKA Really Smart Syndication, Really Simple Syndication or RDF Site Summary is a kind of standardised format for publishing site updates using only a single
XML-formatted text file! An RSS Feed can be published <b>anywhere on the web that allows you to upload text files and view them on the public web!</b>
From Neocities, to self-hosted solutions, to Github, to Google Drive! (but also, don't use google.)<br><br>
RSS relies on two things to work:
<ul>
<li>A specially formatted plain text file that's uploaded somewhere on the web. When the publisher of the feed wants to add something new, they simply change this file. Each time the publisher updates this file, it is then checked by...</li>
<li>A "News Aggregator" or RSS Reader application, which is installed by the person following the feed. This checks for updates to the text file above
every so often. When it discovers a difference, it adds the new entry to the feed!
</li>
</ul>
<h2>Why use it?</h2>
<p>
In the modern day we've become accustomed to personalised feeds run by algorithms... But to some degree, these actually make it HARDER for you to see the things you want to see and keep up
with what your friends are up to! However, technologies exist that can help us keep up to date with what our favourite artists, writers and musicians are up to without relying on centralised
social media feeds which tend to hide things that don't fit their corporate idea of what constitutes "content."<br><br>
The real world, the real internet, cannot be boiled down to 'content.' Not everything is easily shareable in a chunk divorced from context. Rather than bringing works to you, RSS is a system
which brings you to the work. Allows you to understand it in its own context on the internet. It is also not reliant on huge companies which do not have your best interests in mind, unlike Twitter, for
example (which was just bought by noted union buster & ape mutilator Elon Musk.)<br><br>
It also allows you to better sort your news-- On many feed-based websites such as Facebook or Twitter, you find everything everyone's doing in one big long slurry. You might see someone's personal essay, then you might see
a shared piece of news about conservative attacks on transgender people, then a poem, then some porn. Using a curated feed means that you can see all those things in a big slurry if you want, or you can keep them separate... It's just
better for your mental health! It also allows you to create an experience of catching up with people's sites that is not addictive or manipulative, but is instead self-directed and relaxed... Your RSS feed also won't notify anyone when you update your page, unless you want it to! This means
that your followers won't get spammed with everything you've done or liked or what-have-you... After all, the Like button is just another Retweet button!<br><br>
RSS is extremely easy to set up by hand, totally free (as long as you have hosting), and does exactly what it says on the tin. It's a sensible existing format which solves some of the problems that social media giants have invented,
and it already exists! Read on in this article for instructions on how to set up an RSS feed on your website, some programs you can use to follow the RSS feeds belonging to your friends, and some goodies and badges made by me.
<br>For more information
on the project of reclaiming the internet and creating smaller, healthier spaces, check out <a href="https://indieweb.org/">The Indieweb</a> and <a href="https://yesterweb.org/">Yesterweb</a> communities!
</p>
</div>
<hr>
</p>
<h1 class=orange id="part2">How To Add An RSS Feed To Your Site!</h1>
<div id="section2container">
<img src="./images/articleimages/rssanatomy.png" id="articleimage" style="width: 800px; margin-right: 5px;
float:left;">
<p class="padded" style="min-height: 600px;">
Adding an RSS feed to your site is extremely simple. All you really need to do is format a file in notepad in the proper way, then upload it anywhere that allows you to directly link to it and modify/reupload the file at the same URL.
Neocities is ideal for this, but anywhere you're hosting a static site will work.<br><br>
The file can be either a .txt or a .xml file. I prefer .xml as in Firefox, it causes a popup to appear asking if the user wants to subscribe using a couple of popular RSS readers. Either can be read by most readers, however.<br><br>
Below is a guide by <a href="mailto:adrian_neumann@gmx.de">Adrian Neumann</a> made for <a href="https://rssguide.neocities.org">https://rssguide.neocities.org</a>. (this guide is CC-BY-SA)<br><hr>
</p>
</div>
<div id="neumannguide" style="margin-top: 10px" class="padded">
<h1>RSS Howto</h1>
<p>This is a simple guide to adding an RSS Feed to your Neocities site, by hand.</p>
<h2>Your First RSS Feed</h2>
<p>RSS is a simple format, similar to HTML. To can create an RSS Feed for your site in any text editor, including the one provided by Neocities in the browser. Just like with HTML you need a bit of boilerplate to get started. It looks like this:</p>
<pre>
&lt;?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot; ?&gt;
&lt;rss version=&quot;2.0&quot;&gt;
&lt;channel&gt;
&lt;title&gt;Your RSS Feed Title&lt;/title&gt;
&lt;description&gt;This is the description of your RSS feed&lt;/description&gt;
&lt;link&gt;https://rssguide.neocities.org&lt;/link&gt;
&lt;lastBuildDate&gt;
Tue, 10 Jul 2018 09:58 +0100
&lt;/lastBuildDate&gt;
&lt;ttl&gt;20000&lt;/ttl&gt;
&lt;/channel&gt;
&lt;/rss&gt;
</pre>
<p>That's an empty RSS Feed. The <code>lastBuildDate</code> tag together with the <code>ttl</code> tag provide hints for RSS readers how often they should update the feed. It is important to adhere to the format of the timestamp. It must be compliant to <a href="https://tools.ietf.org/html/rfc2822#section-3.3">RFC 2822</a>. Since understanding RFCs is a bit complicated, I recommend you use a handy timestamp generator, for example <a href="http://www.timestampgenerator.com/">here</a>.
<h2>Adding the RSS Feed to your site</h2>
<p>After saving the above text in a file on your server, e.g. <a href="https://rssguide.neocities.org/feed.txt"><code>feed.txt</code></a> you can add a link somewhere on your site to let people know where to find your feed. Additionally you can add a tag to the header of your website let browsers know that your site has an RSS feed so that they can activate RSS support if they have it. Add the following next to the <code>meta</code> tags in the header: <code>&lt;link href=&quot;https://rssguide.neocities.org/feed.txt&quot; rel=&quot;alternate&quot; type=&quot;application/rss+xml&quot; title=&quot;What's new on rssguide.neociites.org&quot; /&gt;</code>.</p>
<h2>Adding Items to your RSS Feed</h2>
<p>Adding items to your feed is easy too. An item looks something like this:</p>
<pre>
&lt;item&gt;
&lt;title&gt;The title of your item&lt;/title&gt;
&lt;description&gt;
An arbitrary description of your item, for example the content of your new article, or a short excerpt.
&lt;/description&gt;
&lt;link&gt;https://rssguide.neocities.org/the_article.html&lt;/link&gt;
&lt;pubDate&gt;
Tue, 10 Jul 2018 09:58 +0100
&lt;/pubDate&gt;
&lt;/item&gt;
</pre>
<p>The <code>pubDate</code> tag again must contain the date in the RFC 2822 format. Don't forget to adapt the <code>lastBuildDate</code> as well.</p>
<p>If you want to add HTML in the description that's possible as well, but you first have to run it through a tool that escapes special characters like &lt;. <a href="https://www.freeformatter.com/html-escape.html">Here is such a tool</a>.</p>
<p>You can add files to your item with the <code>enclosure</code> tag. Check <a href="https://en.wikipedia.org/wiki/RSS_enclosure">Wikipedia</a> for an example.</p>
<p>Now you just add the <code>item</code> after the <code>ttl</code> and you're done. The finished feed looks like this:</p>
<pre>
&lt;?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot; ?&gt;
&lt;rss version=&quot;2.0&quot;&gt;
&lt;channel&gt;
&lt;title&gt;Your RSS Feed Title&lt;/title&gt;
&lt;description&gt;This is the description of your RSS feed&lt;/description&gt;
&lt;link&gt;https://rssguide.neocities.org&lt;/link&gt;
&lt;lastBuildDate&gt;
Tue, 10 Jul 2018 09:58 +0100
&lt;/lastBuildDate&gt;
&lt;ttl&gt;20000&lt;/ttl&gt;
&lt;item&gt;
&lt;title&gt;The title of your item&lt;/title&gt;
&lt;description&gt;
An arbitrary description of your item, for example the content of your new article, or a short excerpt.
&lt;/description&gt;
&lt;link&gt;https://rssguide.neocities.org/the_article.html&lt;/link&gt;
&lt;pubDate&gt;
Tue, 10 Jul 2018 09:58 +0100
&lt;/pubDate&gt;
&lt;/item&gt;
&lt;/channel&gt;
&lt;/rss&gt;
</pre>
<p>Eventually you might want to purge old items from the bottom of your feed, but that's not strictly necessary.</p>
--<a href="mailto:adrian_neumann@gmx.de">Adrian Neumann</a>, Source: <a href="https://rssguide.neocities.org">https://rssguide.neocities.org</a>
</div>
<hr>
<h1 class=orange id="part3">Feed Readers: Keep Up With Your Friends!</h1>
<p>
A Feed reader is an application that's used to view RSS feeds and notifies you when you update. I like to use Mozilla Thunderbird, as it doubles as a
fairly solid Email client and lets you customise your various feeds, but below are some ones that my friends recommend:
</p>
<h1 class=orange id="part4">Goodies and Downloads</h1>
</div>
<div id="sidebar">
<div id="sidebarscroll">
<h1 style="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;">Navigation</h1>
<img src="./icons/RSS img.png" style="display:block; width: 100%; max-width: 150px; margin-left: auto; margin-right: auto; margin-bottom: 10px;">
<a href="#part1" class=navlink><h2>What Is RSS?</h1></a>
<a href="#part2" class=navlink><h2>How to set up RSS on your Site</h2></a>
</div>
</div>
</div>
<footer>This page and its contents are Public Domain and can be downloaded and used for any purpose for free.</footer>
</body>
</html>

Some files were not shown because too many files have changed in this diff Show More