MANY changes
This commit is contained in:
parent
2d09c331cd
commit
bf91698d65
|
|
@ -0,0 +1,177 @@
|
|||
|
||||
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;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*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;
|
||||
}
|
||||
}
|
||||
32
friends.html
32
friends.html
|
|
@ -44,17 +44,18 @@
|
|||
<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</a></h2>
|
||||
<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>
|
||||
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 at Arcade Idea</a></h2>
|
||||
<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>
|
||||
|
|
@ -65,7 +66,7 @@
|
|||
|
||||
<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</a></h2>
|
||||
<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>
|
||||
|
|
@ -74,7 +75,7 @@
|
|||
|
||||
<div id="friendbox">
|
||||
<img src="./images/icons/ivy.png" class="friendicon">
|
||||
<p><h2><a href="https://bloodsad.com/" class="redtext">Ivy Ruth Langley</a></h2>
|
||||
<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!
|
||||
|
|
@ -84,11 +85,26 @@
|
|||
|
||||
|
||||
<div id="friendbox">
|
||||
<img src="./images/icons/nullcasting.png" class="friendicon">
|
||||
<p><h2><a href="https://warpzone.site/" class="redtext">Nullcasting</a></h2>
|
||||
bingus
|
||||
<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>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,60 @@
|
|||
<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 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 2022</footer>
|
||||
</body>
|
||||
|
||||
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 756 B |
|
Before Width: | Height: | Size: 2.5 KiB After Width: | Height: | Size: 2.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 101 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
|
|
@ -1,12 +1,11 @@
|
|||
|
||||
body{
|
||||
background-color:black;
|
||||
height: 100%;
|
||||
height: 100vh;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
html{
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
|
|
@ -17,7 +16,7 @@ img{
|
|||
#bg-image-container{
|
||||
background-image: url("./images/islandbg.png");
|
||||
/* Full height */
|
||||
height: 100%;
|
||||
height: 100vh;
|
||||
|
||||
/* Center and scale the image nicely */
|
||||
background-position: center;
|
||||
|
|
@ -27,13 +26,13 @@ img{
|
|||
}
|
||||
|
||||
#bg-clouds-container{
|
||||
height: 100%;
|
||||
height: 100vh;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#bg-clouds{
|
||||
justify-content: center;
|
||||
height: 100%;
|
||||
height: 100vh;
|
||||
animation-name: "cloudloop";
|
||||
animation-duration: 60s;
|
||||
animation-iteration-count: infinite;
|
||||
|
|
@ -45,7 +44,7 @@ img{
|
|||
}
|
||||
|
||||
#skull{
|
||||
height: 100%;
|
||||
height: 100vh;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
|
|
|
|||
|
|
@ -122,7 +122,7 @@
|
|||
<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/theorb.png"></a>
|
||||
<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>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,43 @@
|
|||
<!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>
|
||||
|
|
@ -146,7 +146,10 @@
|
|||
</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>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue