Added many images and friends!

This commit is contained in:
Dalm 2022-04-18 03:43:55 +01:00
parent 6502b253f4
commit 31d1a7b929
22 changed files with 298 additions and 14 deletions

39
css/friendstyles.css Normal file
View File

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

View File

@ -45,7 +45,7 @@ body{
}
a{
color: gold;
color: #2A126F;
}
img{
@ -74,10 +74,43 @@ footer{
border-width: 1px 3px 3px 2px;
border-style: solid double double solid;
border-radius: 8px;
border-color: black;"
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

@ -9,7 +9,7 @@
<meta name="author" content="Dalmationer">
<meta name="keywords" content="Personal, Politics, Art, Comics">
<link rel="stylesheet" href= "mainstyles.css">
<link rel="stylesheet" href= "homepagestyles.css">
<link rel="stylesheet" href= "./css/friendstyles.css">
<script data-goatcounter="https://dalmationer.goatcounter.com/count"
async src="//gc.zgo.at/count.js"></script>
@ -37,7 +37,62 @@
</nav>
</p></div>
<div id=main-content><h2>REMAIN CONTENT.</h1></div>
<div id=main-content>
<h1>Friends</h1>
<div id=friends-container>
<div id="friendbox">
<img src="./images/icons/warlock.png" class="friendicon">
<p><h2><a href="https://www.waltergreenleaf.com/" class="redtext">Walter Greenleaf</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>
</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>
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</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</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">
<p><h2><a href="https://warpzone.site/" class="redtext">Nullcasting</a></h2>
bingus
</p>
</div>
</div>
</div>
</div>

View File

@ -51,7 +51,7 @@
#badges{
padding-top: 5px;
width: 100%;
height: 100px;
height: 130px;
background-color: rgb(119, 194, 96);
margin-left: auto;
margin-right: auto;

BIN
images/Badges/cable2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 966 B

BIN
images/Badges/notoweb3.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 756 B

BIN
images/Badges/noweb3 Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 756 B

BIN
images/Badges/theorb.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 40 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 35 KiB

BIN
images/icons/arcadeidea.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

BIN
images/icons/ivy.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.9 KiB

BIN
images/icons/oj223.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

BIN
images/icons/warlock.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.5 KiB

BIN
images/screenshot.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 122 KiB

View File

@ -10,6 +10,7 @@
<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>
@ -59,6 +60,15 @@
</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>
@ -104,6 +114,12 @@
<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/theorb.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>
<div class="yw-widget-full" data-yw-url="https://dalmationer.art"></div>

View File

@ -307,6 +307,17 @@
<td></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>

View File

@ -15,14 +15,14 @@
<div id="flex-container">
<div id="main-content">
<h1 class=orange>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?" style="width: 100%; max-width: 640px;display: block; margin-left: auto; margin-right: auto; border-width: 1px 3px 3px 2px;
border-style: solid double double solid;
border-radius: 8px;
border-color: black;">
<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>
<b>RSS</b> AKA Really Smart Syndication or RDF Site Summary is a kind of standardised format for publishing site updates using only a single
<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:
@ -32,9 +32,123 @@
every so often. When it discovers a difference, it adds the new entry to the feed!
</li>
</ul>
</div>
</p>
<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>
<h1 class=orange id="part4">Goodies and Downloads</h1>
</div>
@ -44,6 +158,9 @@
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>

15
rss.xml
View File

@ -5,10 +5,23 @@
<description>Dalm's little site on the web!</description>
<link>https://Dalmationer.art</link>
<lastBuildDate>
Sun, 10 Apr 2022 00:14:05 +0000
Sat, 16 Apr 2022 17:28:32 +0000
</lastBuildDate>
<ttl>20000</ttl>
<item>
<title> Bands update!</title>
<description>
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.
I'll be adding more to the gallery and the friends page soon! Stay tuned!
</description>
<link>https://Dalmationer.art</link>
<pubDate>
Sat, 16 Apr 2022 17:28:32 +0000
</pubDate>
</item>
<item>
<title> New band! </title>
<description>