diff --git a/Blog.html b/Blog.html new file mode 100644 index 0000000..b8151ab --- /dev/null +++ b/Blog.html @@ -0,0 +1,55 @@ + + + + + Dalm's Art Zone! + + + + + + + + + + + + + +

Dalmationer.art

+ +
+ + +

Blog

+

This is a page for my writing & thoughts. Important things will have their own sections! +

+
rss icon

Keep up to date on my Good Post's via my RSS feed! It's pretty epic... +

+

+ +
+
+ + + + + + \ No newline at end of file diff --git a/Fonts/junkos typewriter.ttf b/Fonts/junkos typewriter.ttf new file mode 100644 index 0000000..e8a8217 Binary files /dev/null and b/Fonts/junkos typewriter.ttf differ diff --git a/Gallery.html b/Gallery.html new file mode 100644 index 0000000..fd9841b --- /dev/null +++ b/Gallery.html @@ -0,0 +1,50 @@ + + + + + Dalm's Art Zone! + + + + + + + + + + + + + +

Dalmationer.art

+ +
+ + +

REMAIN CONTENT.

+ +
+ + + + + + + \ No newline at end of file diff --git a/Main - template.html b/Main - template.html new file mode 100644 index 0000000..3e856f3 --- /dev/null +++ b/Main - template.html @@ -0,0 +1,50 @@ + + + + + Dalm's Art Zone! + + + + + + + + + + + + + +

Dalmationer.art

+ +
+ + +

REMAIN CONTENT.

+ +
+ + + + + + + \ No newline at end of file diff --git a/Main.html b/Main.html index d445fd2..0a78caa 100644 --- a/Main.html +++ b/Main.html @@ -5,37 +5,68 @@ Dalm's Art Zone! + + + + + -

Dalm Zone

+

Dalmationer.art

-

REMAIN CONTENT.

+

Welcome To Dalmationer.art!

+
+
+

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.
+
+ Stay a while, hang out, and don't forget to check the guestbook (if I've set one up yet.)

+
+ +
+ +
- + diff --git a/Music/index.html b/Music/index.html new file mode 100644 index 0000000..3e856f3 --- /dev/null +++ b/Music/index.html @@ -0,0 +1,50 @@ + + + + + Dalm's Art Zone! + + + + + + + + + + + + + +

Dalmationer.art

+ +
+ + +

REMAIN CONTENT.

+ +
+ + + + + + + \ No newline at end of file diff --git a/Music/punklist.html b/Music/punklist.html new file mode 100644 index 0000000..08695e0 --- /dev/null +++ b/Music/punklist.html @@ -0,0 +1,80 @@ + + + + + + QUEER PUNK BANDS EDINBURGH + + + + + + + + + + + + + +
+ +
+
+

Legend

+

Band name: The name of the artist
+ Description:A rough description of the artist (usually how they describe themselves.)
+ Style: Genre is fake, so this is how they FEEL... Also sometimes it's the page author's opinions of them.
+ Contact: How to reach out to the artist, in case you want to book them for a gig. + Links: Where to find the artist online. + Active/inactive: Is the artist currently doing gigs? Also notes go here.

+ +

+
+ +
+

Submit an artist!

+

Want to submit your fave band? Here's the form!

+
    We're especially looking for: +
  • Queer bands (obviously.)
    • +
  • Riot Grrrl and Girls Rock School bands!
    • +
  • BIPOC and minority bands (they dinny get promo'd enough!)
+

If you have any questions or requests, email us at: [email here lol]

+
+
+ 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! + THE FUTURE IS ANARCHA-FEMINISM! +
+ +
+

Venues

+

Coming soon!

+
+ + + + \ No newline at end of file diff --git a/blogstyles.css b/blogstyles.css new file mode 100644 index 0000000..6dd4565 --- /dev/null +++ b/blogstyles.css @@ -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%; +} \ No newline at end of file diff --git a/css/bandsstyles.css b/css/bandsstyles.css new file mode 100644 index 0000000..539f296 --- /dev/null +++ b/css/bandsstyles.css @@ -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; + } +} \ No newline at end of file diff --git a/css/musicstyles.css b/css/musicstyles.css new file mode 100644 index 0000000..611cac8 --- /dev/null +++ b/css/musicstyles.css @@ -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); +} \ No newline at end of file diff --git a/homepagestyles.css b/homepagestyles.css new file mode 100644 index 0000000..08fec27 --- /dev/null +++ b/homepagestyles.css @@ -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; +} \ No newline at end of file diff --git a/icons/RSS img.png b/icons/RSS img.png new file mode 100644 index 0000000..21066af Binary files /dev/null and b/icons/RSS img.png differ diff --git a/icons/rss img small.png b/icons/rss img small.png new file mode 100644 index 0000000..8e0b8f6 Binary files /dev/null and b/icons/rss img small.png differ diff --git a/images/ads/ANARCHAFEMgif.gif b/images/ads/ANARCHAFEMgif.gif new file mode 100644 index 0000000..e82770a Binary files /dev/null and b/images/ads/ANARCHAFEMgif.gif differ diff --git a/images/ads/GRSAD.GIF b/images/ads/GRSAD.GIF new file mode 100644 index 0000000..3194e27 Binary files /dev/null and b/images/ads/GRSAD.GIF differ diff --git a/images/ads/enbyss advert.png b/images/ads/enbyss advert.png new file mode 100644 index 0000000..a2cd9f9 Binary files /dev/null and b/images/ads/enbyss advert.png differ diff --git a/images/animatedbubbles.gif b/images/animatedbubbles.gif new file mode 100644 index 0000000..bfa6369 Binary files /dev/null and b/images/animatedbubbles.gif differ diff --git a/images/animatedbubblespurple.Gif b/images/animatedbubblespurple.Gif new file mode 100644 index 0000000..89d2caf Binary files /dev/null and b/images/animatedbubblespurple.Gif differ diff --git a/images/punkgirl.gif b/images/punkgirl.gif new file mode 100644 index 0000000..406e5eb Binary files /dev/null and b/images/punkgirl.gif differ diff --git a/images/skullspin.gif b/images/skullspin.gif new file mode 100644 index 0000000..0c37772 Binary files /dev/null and b/images/skullspin.gif differ diff --git a/mainstyles.css b/mainstyles.css index d6c1245..7355988 100644 --- a/mainstyles.css +++ b/mainstyles.css @@ -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*/ -} \ No newline at end of file +} + + + +/*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; + } +} diff --git a/music.html b/music.html new file mode 100644 index 0000000..d224eae --- /dev/null +++ b/music.html @@ -0,0 +1,51 @@ + + + + + Dalm's Art Zone! + + + + + + + + + + + + + +

Dalmationer.art

+ +
+ + +

REMAIN CONTENT.

+

Check out my list of Queer and Riot Grrl punk bands in Edinburgh!

+ +
+ + + + + + + \ No newline at end of file