forked from dalmationer/Dalmationer.art
Added several placeholder places, and a list of punk bands in Edinburgh!
This commit is contained in:
parent
bc736ce094
commit
deacc638a1
|
|
@ -0,0 +1,55 @@
|
|||
<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= "mainstyles.css">
|
||||
<link rel="stylesheet" href= "blogstyles.css">
|
||||
<script data-goatcounter="https://dalmationer.goatcounter.com/count"
|
||||
async src="//gc.zgo.at/count.js"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div id=content-header><h1>Dalmationer.art</h1></div>
|
||||
|
||||
<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=navbuttonactive><a href=blog.html>Blog</a></div>
|
||||
<div id=navbutton><a href=gallery.html>Art</a></div>
|
||||
<div id=navbutton><a href=comics.html>Comics & Zines</a></div>
|
||||
<div id=navbutton><a href=originalcharacters.html>OCs</a></div>
|
||||
<div id=navbutton><a href=friends.html>Friends & Collaborators</a></div>
|
||||
<div id=navbutton><a href=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>
|
||||
<div id=navbutton><img src="images/3d iww logo.gif" alt="Join the IWW!" class="logo">
|
||||
<p><a href=iww.org>Join the Industrial Workers of the World!</a></p>
|
||||
<p><a href="union.html">Learn more!</a></p></div>
|
||||
</nav>
|
||||
</p></div>
|
||||
|
||||
<div id=main-content><h2 style="text-align: center;">Blog</h2>
|
||||
<p>This is a page for my writing & thoughts. Important things will have their own sections!
|
||||
</p>
|
||||
<div id="rssbox"><a href=rss.xml><img src="./icons/rss img small.png" alt="rss icon" style="float: left;"></a><p>Keep up to date on my Good Post's via my <a href=rss.xml>RSS feed!</a> It's pretty epic...
|
||||
<p></p>
|
||||
</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>
|
||||
Binary file not shown.
|
|
@ -0,0 +1,50 @@
|
|||
<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= "mainstyles.css">
|
||||
<link rel="stylesheet" href= "homepagestyles.css">
|
||||
<script data-goatcounter="https://dalmationer.goatcounter.com/count"
|
||||
async src="//gc.zgo.at/count.js"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div id=content-header><h1>Dalmationer.art</h1></div>
|
||||
|
||||
<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=blog.html>Blog</a></div>
|
||||
<div id=navbuttonactive><a href=gallery.html>Art</a></div>
|
||||
<div id=navbutton><a href=comics.html>Comics & Zines</a></div>
|
||||
<div id=navbutton><a href=originalcharacters.html>OCs</a></div>
|
||||
<div id=navbutton><a href=friends.html>Friends & Collaborators</a></div>
|
||||
<div id=navbutton><a href=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>
|
||||
<div id=navbutton><img src="images/3d iww logo.gif" alt="Join the IWW!" class="logo">
|
||||
<p><a href="https://www.iww.org">Join the Industrial Workers of the World!</a></p>
|
||||
<p><a href="union.html">Learn more!</a></p></div>
|
||||
</nav>
|
||||
</p></div>
|
||||
|
||||
<div id=main-content><h2>REMAIN CONTENT.</h1></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>
|
||||
|
|
@ -0,0 +1,50 @@
|
|||
<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= "mainstyles.css">
|
||||
<link rel="stylesheet" href= "homepagestyles.css">
|
||||
<script data-goatcounter="https://dalmationer.goatcounter.com/count"
|
||||
async src="//gc.zgo.at/count.js"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div id=content-header><h1>Dalmationer.art</h1></div>
|
||||
|
||||
<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=navbutton><a href=blog.html>Blog</a></div>
|
||||
<div id=navbutton><a href=gallery.html>Art</a></div>
|
||||
<div id=navbutton><a href=comics.html>Comics & Zines</a></div>
|
||||
<div id=navbutton><a href=originalcharacters.html>OCs</a></div>
|
||||
<div id=navbutton><a href=friends.html>Friends & Collaborators</a></div>
|
||||
<div id=navbutton><a href=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>
|
||||
<div id=navbutton><img src="images/3d iww logo.gif" alt="Join the IWW!" class="logo">
|
||||
<p><a href="https://www.iww.org">Join the Industrial Workers of the World!</a></p>
|
||||
<p><a href="union.html">Learn more!</a></p></div>
|
||||
</nav>
|
||||
</p></div>
|
||||
|
||||
<div id=main-content><h2>REMAIN CONTENT.</h1></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>
|
||||
49
Main.html
49
Main.html
|
|
@ -5,37 +5,68 @@
|
|||
<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= "homepagestyles.css">
|
||||
<script data-goatcounter="https://dalmationer.goatcounter.com/count"
|
||||
async src="//gc.zgo.at/count.js"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div id=content-header><h1>Dalm Zone</h1></div>
|
||||
<div id=content-header><h1>Dalmationer.art</h1></div>
|
||||
|
||||
<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=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>Friends & Collaborators</a></div>
|
||||
<div id=navbutton><a href=mysantas>Santa Collection</a></div>
|
||||
<div id=navbutton><a href=fun>Fun</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>
|
||||
<div id=navbutton><img src="images/3d iww logo.gif" alt="Join the IWW!" class="logo">
|
||||
<p><a href=iww.org>Join the Industrial Workers of the World!</a></p></div>
|
||||
|
||||
<p><a href="https://www.iww.org">Join the Industrial Workers of the World!</a></p>
|
||||
<p><a href="union.html">Learn more!</a></p></div>
|
||||
</nav>
|
||||
</p></div>
|
||||
|
||||
<div id=main-content><h2>REMAIN CONTENT.</h1></div>
|
||||
<div id=main-content><h2 style="text-align: center;">Welcome To Dalmationer.art!</h2>
|
||||
<div id=main-container>
|
||||
<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't forget to check the guestbook (if I've set one up yet.)</p>
|
||||
</div>
|
||||
<div id=maincontentlinks class=flexbox>
|
||||
<div id=sitelink>
|
||||
<a href=rss.xml><img src="./icons/RSS img.png" alt="rss icon" style="margin-left: auto; margin-right: auto; display: block;"></a>
|
||||
<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>
|
||||
<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>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<footer>tilly's site :)</footer>
|
||||
<footer>Generously Hosted by <a href="https://autonomic.zone">Autonomic.zone</a><br>
|
||||
Content unless otherwise specified is © Dalmationer 2022</footer>
|
||||
</body>
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,50 @@
|
|||
<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= "mainstyles.css">
|
||||
<link rel="stylesheet" href= "homepagestyles.css">
|
||||
<script data-goatcounter="https://dalmationer.goatcounter.com/count"
|
||||
async src="//gc.zgo.at/count.js"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div id=content-header><h1>Dalmationer.art</h1></div>
|
||||
|
||||
<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=navbutton><a href=blog.html>Blog</a></div>
|
||||
<div id=navbutton><a href=gallery.html>Art</a></div>
|
||||
<div id=navbutton><a href=comics.html>Comics & Zines</a></div>
|
||||
<div id=navbutton><a href=originalcharacters.html>OCs</a></div>
|
||||
<div id=navbutton><a href=friends.html>Friends & Collaborators</a></div>
|
||||
<div id=navbutton><a href=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>
|
||||
<div id=navbutton><img src="images/3d iww logo.gif" alt="Join the IWW!" class="logo">
|
||||
<p><a href="https://www.iww.org">Join the Industrial Workers of the World!</a></p>
|
||||
<p><a href="union.html">Learn more!</a></p></div>
|
||||
</nav>
|
||||
</p></div>
|
||||
|
||||
<div id=main-content><h2>REMAIN CONTENT.</h1></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>
|
||||
|
|
@ -0,0 +1,80 @@
|
|||
<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/punkgirl.gif" alt="punk girl sourced from gifcities" style="display: inline; max-width: 290px; width: 100%; margin-top: -6%; margin-bottom: -3%;">
|
||||
<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>
|
||||
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>
|
||||
|
||||
<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>
|
||||
</div>
|
||||
|
||||
<div id="spreadsheetcontainer">
|
||||
<iframe src="https://docs.google.com/spreadsheets/d/e/2PACX-1vRGMbXgwS6zFC5_3kC5pevcg4S79t8fs7D6dmNSwTCKW2QEEdgU2b1OEPTZZQ64ufWfUYg136heDHnO/pubhtml?widget=true&headers=false" id="sheetframe"></iframe>
|
||||
<div id="flexrow">
|
||||
<div id="legend">
|
||||
<h4>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>
|
||||
<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">
|
||||
</div>
|
||||
|
||||
<div id="venues">
|
||||
<h2>Venues</h2>
|
||||
<p>Coming soon!</p>
|
||||
</div>
|
||||
|
||||
|
||||
<footer>
|
||||
Some images sourced from https://gifcities.org/. This page is public domain!
|
||||
</footer>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
#rssbox{
|
||||
|
||||
border: 4px 2px 2px 4px;
|
||||
border-color: #181917;
|
||||
border-style: double solid solid double ;
|
||||
border-radius: 10px;
|
||||
font-size: large;
|
||||
text-align: justify;
|
||||
font-size: 25px;
|
||||
font-weight: bold;
|
||||
background: #EFFF96;
|
||||
font-size: 100%;
|
||||
width: 40%;
|
||||
height:auto;
|
||||
float:right;
|
||||
padding: 1%;
|
||||
margin-right: 2%;
|
||||
}
|
||||
|
|
@ -0,0 +1,204 @@
|
|||
html {width: 100%;}
|
||||
|
||||
body{
|
||||
font-size: 100%;
|
||||
color: chartreuse;
|
||||
background-color: black;
|
||||
list-style-position: inside
|
||||
}
|
||||
|
||||
hr{
|
||||
border-top: 1px dashed green;
|
||||
}
|
||||
|
||||
#header{
|
||||
text-align: center;
|
||||
border-style: double double none double;
|
||||
border-color: green chartreuse;
|
||||
margin-left: 20%;
|
||||
margin-right: 20%;
|
||||
}
|
||||
|
||||
#headerandskulls{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#navbutton{
|
||||
border: 4px 2px 2px 4px;
|
||||
border-color: green;
|
||||
border-style: double solid solid double ;
|
||||
border-radius: 10px;
|
||||
font-size: large;
|
||||
text-align: center;
|
||||
margin-left: 40%;
|
||||
margin-right: 40%;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
font-weight: bold;
|
||||
font-size: 100%;
|
||||
padding: 1%;
|
||||
}
|
||||
|
||||
#navbutton:hover{
|
||||
background: green;
|
||||
color: black;
|
||||
}
|
||||
|
||||
a{
|
||||
color: aqua;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "junkostypewriter";
|
||||
src: url(../Fonts/junkos\ typewriter.ttf);
|
||||
}
|
||||
|
||||
.inlineimg{
|
||||
display: inline;
|
||||
}
|
||||
|
||||
h1{
|
||||
font-family: "junkostypewriter", Courier, monospace;
|
||||
font-weight:100;
|
||||
font-size: 3.1vw;
|
||||
}
|
||||
|
||||
|
||||
h2{
|
||||
font-family: "junkostypewriter", Courier, monospace;
|
||||
font-weight:100;
|
||||
font-size: 2em;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#bold{
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
#flexrow{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
#legend{
|
||||
width: 30%;
|
||||
overflow-wrap:break-word;
|
||||
background-color: #08160d;
|
||||
border: 1px solid green;
|
||||
}
|
||||
|
||||
|
||||
#submit{
|
||||
width: 30%;
|
||||
overflow-wrap:break-word;
|
||||
background-color: #08160d;
|
||||
border: 1px solid green;
|
||||
}
|
||||
|
||||
#spreadsheetcontainer{
|
||||
height: auto;
|
||||
min-height: 800px;
|
||||
border-style: double double solid double;
|
||||
border: 4px 4px 1px 4px;
|
||||
border-color: green chartreuse;
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
height:fit-content;
|
||||
margin-top: -0.5%;
|
||||
width: 69%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#sheetframe{
|
||||
width: 100%;
|
||||
height: 1000px
|
||||
}
|
||||
|
||||
#venues{
|
||||
border-style: double double solid double;
|
||||
border-color: green chartreuse;
|
||||
margin-left: 20%;
|
||||
margin-right: 20%;
|
||||
}
|
||||
|
||||
footer{
|
||||
text-align: center;
|
||||
border-style: none double solid double;
|
||||
border-color: green chartreuse;
|
||||
margin-left: 20%;
|
||||
margin-right: 20%;
|
||||
}
|
||||
|
||||
#skull{
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
top: 25px; max-width:
|
||||
100px; width: 20%;
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width: 1200px) {
|
||||
#skull{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*Undersize.*/
|
||||
|
||||
@media only screen and (max-width: 800px) {
|
||||
#header{
|
||||
width: 100%;
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
margin-left: 0;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.flex-container{
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
#spreadsheetcontainer{
|
||||
width: 100%;
|
||||
display: block;
|
||||
margin-left: 0;
|
||||
margin-right: auto;
|
||||
}
|
||||
#venues{
|
||||
width: 100%;
|
||||
display: block;
|
||||
margin-left: 0;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
#legend{
|
||||
width: 100%;
|
||||
display: block;
|
||||
margin-left: 0;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
#submit{
|
||||
width: 100%;
|
||||
display: block;
|
||||
margin-left: 0;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
h1{
|
||||
font-family: "junkostypewriter", Courier, monospace;
|
||||
font-weight:100;
|
||||
font-size: 4em;
|
||||
}
|
||||
|
||||
|
||||
|
||||
footer{
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
margin-left: 0;
|
||||
margin-right: auto;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,52 @@
|
|||
body{
|
||||
background-color: #250a35;
|
||||
background-image: url(../images/animatedbubblespurple.Gif);
|
||||
background-attachment: fixed;
|
||||
background-repeat: repeat;
|
||||
color: #1c041f;
|
||||
font-family: Georgia, 'Times New Roman', Times, serif;
|
||||
}
|
||||
|
||||
a{
|
||||
color: #250a35;
|
||||
}
|
||||
|
||||
#selfportrait-container{
|
||||
background: #ccadff;
|
||||
}
|
||||
|
||||
|
||||
#content-header{
|
||||
background: #ccadff;
|
||||
}
|
||||
|
||||
#sidebar{
|
||||
background: #ccadff;
|
||||
}
|
||||
|
||||
|
||||
#main-content{
|
||||
background: #ccadff;
|
||||
}
|
||||
|
||||
footer{
|
||||
background: #ccadff;
|
||||
}
|
||||
|
||||
|
||||
#navbutton:hover{
|
||||
background: #88e6c9;
|
||||
}
|
||||
|
||||
|
||||
#navbutton{
|
||||
background: #d7bff3;
|
||||
}
|
||||
|
||||
#navbuttonactive{
|
||||
background-color: #56b963;
|
||||
}
|
||||
|
||||
#selfportrait{
|
||||
filter: hue-rotate(175deg);
|
||||
}
|
||||
|
|
@ -0,0 +1,48 @@
|
|||
#about{
|
||||
border: 4px 2px 2px 4px;
|
||||
border-color: #181917;
|
||||
border-style: double solid solid double ;
|
||||
border-radius: 10px;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
background: #EFFF96;
|
||||
font-size: 100%;
|
||||
padding-left: 2%;
|
||||
padding-right: 2%;
|
||||
}
|
||||
|
||||
#main-container{
|
||||
padding-left: 5%;
|
||||
padding-right: 5%;
|
||||
}
|
||||
|
||||
#maincontentlinks{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
align-items:top;
|
||||
margin-top: 10px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#sitelink{
|
||||
border: 4px 2px 2px 4px;
|
||||
border-color: #181917;
|
||||
border-style: double solid solid double ;
|
||||
border-radius: 10px;
|
||||
margin-right: 1%;
|
||||
margin-bottom: 5px;
|
||||
background: #EFFF96;
|
||||
font-size: 100%;
|
||||
padding-left: 2%;
|
||||
padding-right: 2%;
|
||||
width: 150px;
|
||||
|
||||
}
|
||||
|
||||
#sitelink.siteupdates{
|
||||
overflow-y: scroll;
|
||||
width: 50%;
|
||||
height: 180px;
|
||||
font-family: monospace;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 987 B |
Binary file not shown.
|
After Width: | Height: | Size: 5.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 112 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 109 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 62 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 76 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
|
|
@ -1,7 +1,6 @@
|
|||
|
||||
a{
|
||||
color: #1775BB;
|
||||
text-shadow: 0 0 10px white;
|
||||
}
|
||||
|
||||
#navbutton{
|
||||
|
|
@ -43,6 +42,21 @@ a{
|
|||
background: #FEFFCC;
|
||||
}
|
||||
|
||||
#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%;
|
||||
}
|
||||
|
||||
body{
|
||||
background-color: #1E3B27;
|
||||
|
|
@ -134,4 +148,46 @@ footer{
|
|||
/*Firefox 3.6-64*/
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*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;
|
||||
}
|
||||
|
||||
footer{
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
margin-left: 0;
|
||||
margin-right: auto;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,51 @@
|
|||
<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= "mainstyles.css">
|
||||
<link rel="stylesheet" href= "./css/musicstyles.css">
|
||||
<script data-goatcounter="https://dalmationer.goatcounter.com/count"
|
||||
async src="//gc.zgo.at/count.js"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div id=content-header><h1>Dalmationer.art</h1></div>
|
||||
|
||||
<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=blog.html>Blog</a></div>
|
||||
<div id=navbutton><a href=gallery.html>Art</a></div>
|
||||
<div id=navbutton><a href=comics.html>Comics & Zines</a></div>
|
||||
<div id=navbutton><a href=originalcharacters.html>OCs</a></div>
|
||||
<div id=navbutton><a href=friends.html>Friends & Collaborators</a></div>
|
||||
<div id=navbutton><a href=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>
|
||||
<div id=navbutton><img src="images/3d iww logo.gif" alt="Join the IWW!" class="logo">
|
||||
<p><a href="https://www.iww.org">Join the Industrial Workers of the World!</a></p>
|
||||
<p><a href="union.html">Learn more!</a></p></div>
|
||||
</nav>
|
||||
</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>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<footer>Generously Hosted by <a href="https://autonomic.zone">Autonomic.zone</a><br>
|
||||
Content unless otherwise specified is © Dalmationer 2022</footer>
|
||||
</body>
|
||||
|
||||
|
||||
</html>
|
||||
Loading…
Reference in New Issue