« get me outta code hell

blog - My blog website - https://florrie.ed1.club
about summary refs log tree commit diff
path: root/site
diff options
context:
space:
mode:
Diffstat (limited to 'site')
-rw-r--r--site/posts/46-art-dump-december.md38
-rw-r--r--site/posts/46b-test.md56
-rw-r--r--site/static/site.css19
3 files changed, 113 insertions, 0 deletions
diff --git a/site/posts/46-art-dump-december.md b/site/posts/46-art-dump-december.md
new file mode 100644
index 0000000..86b1a35
--- /dev/null
+++ b/site/posts/46-art-dump-december.md
@@ -0,0 +1,38 @@
+
+    title: "Art dump December!!!!!!!!!!!!"
+    date: {m: 12, d: 31, y: 2018}
+    categories:
+    - 'art'
+
+---
+
+# Art dump December!!!!!!!!!!!!
+
+December! And with December, the end of 2018. 2018's been a pretty huge year for me and art - I was given a tablet for Christmas last year, and it helped me get more invested in digital art than I was before. Since then, I've posted these art dumps once each month (save for Inktober, spread across [three posts](archive/inktober.html)).
+
+And now it's December! 12 months of art later! I know I'm going to keep drawing into 2019, of course, but I'm not sure how I'll post them to this blog - I'll probably go at the same monthly, but maybe not. We'll see! Anyway, here are the pieces I drew in December:
+
+<art>46-wronglayer</art>
+
+<art>46-dsc</art>
+
+<art>46-yobbl</art>
+
+<art>46-klg</art>
+
+<art>46-vfl</art>
+
+<art>46-flr</art>
+
+Oh yeah, I also made a huge [montage][montage] of the art I've drawn over 2018. And I printed it and put it on my wall! It's pretty neat to have all my digital art in a physical form, even if they're super small crops of each picture. Here's the image file that I printed! (You can find most of the art all over my blog, although the grid is sorted alphabetically, not by date.)
+
+<art fullwidth noext>46-montage</art>
+
+Thanks for checking out my art, and happy new year! 🎉
+
+(PS I totally figured out how to make my blog images huuuuuge, courtesy of [this blog post][img-trick]. And I'm definitely going to make use of it! :D)
+
+(PPS Sorry mobile phone data. :))
+
+  [montage]: https://www.imagemagick.org/Usage/montage/
+  [img-trick]: https://gomakethings.com/how-to-break-an-image-out-of-its-parent-container-with-css/
diff --git a/site/posts/46b-test.md b/site/posts/46b-test.md
new file mode 100644
index 0000000..082cfd2
--- /dev/null
+++ b/site/posts/46b-test.md
@@ -0,0 +1,56 @@
+
+    title: "Extra Cool Art"
+    date: {m: 12, d: 31, y: 2018}
+    categories:
+    - 'art'
+    unlisted: true
+
+---
+
+# Extra Cool Art
+
+These are just some art pieces I made that are especially important to me. Congrats on finding the secret blog post!
+
+<art fullwidth>30-scenery-sketch</art>
+
+<art fullwidth>31-whoatree</art>
+
+<art fullwidth>31-colorrrrs</art>
+
+<art fullwidth>33-Honey</art>
+
+<art fullwidth>33-Bannnaaar</art>
+
+<art fullwidth>34-aaaaaPerspectave</art>
+
+<art fullwidth>34-Fastchar</art>
+
+<art fullwidth>34-Tree</art>
+
+<art fullwidth>35-Sleeeeeeep</art>
+
+<art fullwidth>35-creepyabstract</art>
+
+<art fullwidth>35-spin</art>
+
+<art fullwidth>36-fa</art>
+
+<art fullwidth>37-dq4psx</art>
+
+<art fullwidth>37-flt</art>
+
+<art fullwidth>40-fsctkh</art>
+
+<art fullwidth>40-gn</art>
+
+<art fullwidth>43-ink14-clock</art>
+
+<art fullwidth>44-ink27-thunder</art>
+
+<art fullwidth>45-ddra2</art>
+
+<art fullwidth>45-sild</art>
+
+<art fullwidth>46-vfl</art>
+
+<art fullwidth>46-flr</art>
diff --git a/site/static/site.css b/site/static/site.css
index b0e5801..03d3444 100644
--- a/site/static/site.css
+++ b/site/static/site.css
@@ -112,6 +112,25 @@ div.art-container {
   margin-top: 4px;
 }
 
+div.art-container.full-width {
+  margin-top: 24px;
+  margin-bottom: 12px;
+  text-align: center;
+}
+
+div.art-container.full-width div {
+  display: block;
+  position: relative;
+  margin-left: calc(-50vw + 4em);
+  margin-right: calc(-50vw + 4em);
+  max-width: calc(100vw - 8em);
+  width: calc(100vw - 8em);
+  margin-bottom: 12px;
+}
+
+div.art-container.full-width div img {
+  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
+}
 /* Page specific stuff ----------------------------------------------------- */
 
 /* Post pages */