Compare commits

...

10 Commits

Author SHA1 Message Date
Indigo5684
4fe696fc24 UH 323 Video Fix 2025-04-30 16:37:45 -05:00
Indigo5684
c3a76d4a51 UHh 323 Fix 2025-04-30 16:34:20 -05:00
Indigo5684
f9171e0471 Fix Video 2025-04-30 16:32:45 -05:00
Indigo5684
a195478f7e UH 323 Fix, Artist Statement 2025-04-30 16:28:00 -05:00
Indigo5684
ff190c0f0e UH 323 Flipbook 2025-04-30 16:10:42 -05:00
Indigo5684
b518517a80 UH 323 Altered 2025-04-16 23:42:50 -05:00
Indigo5684
89051d9477 UH 323 Drum Leaf 2025-04-08 10:33:47 -05:00
Indigo5684
521cac9795 UH 323 Assignment 2 2025-02-26 23:14:03 -06:00
Indigo5684
37925d97da UH 323 Assignment 1 2025-02-05 16:27:47 -06:00
Indigo5684
4d8f4cc1e8 UH 323 2025-01-14 17:22:14 -06:00
54 changed files with 320 additions and 63 deletions

1
.gitignore vendored
View File

@@ -1,2 +1,3 @@
_site/ _site/
.bundle/ruby .bundle/ruby
*.jpg~

View File

@@ -1,8 +1,9 @@
GEM GEM
remote: https://rubygems.org/ remote: https://rubygems.org/
specs: specs:
activesupport (7.2.1.2) activesupport (7.2.2.1)
base64 base64
benchmark (>= 0.3)
bigdecimal bigdecimal
concurrent-ruby (~> 1.0, >= 1.3.1) concurrent-ruby (~> 1.0, >= 1.3.1)
connection_pool (>= 2.2.5) connection_pool (>= 2.2.5)
@@ -15,17 +16,19 @@ GEM
addressable (2.8.7) addressable (2.8.7)
public_suffix (>= 2.0.2, < 7.0) public_suffix (>= 2.0.2, < 7.0)
base64 (0.2.0) base64 (0.2.0)
bigdecimal (3.1.8) benchmark (0.4.0)
bigdecimal (3.1.9)
coffee-script (2.4.1) coffee-script (2.4.1)
coffee-script-source coffee-script-source
execjs execjs
coffee-script-source (1.12.2) coffee-script-source (1.12.2)
colorator (1.1.0) colorator (1.1.0)
commonmarker (0.23.10) commonmarker (0.23.11)
concurrent-ruby (1.3.4) concurrent-ruby (1.3.5)
connection_pool (2.4.1) connection_pool (2.5.0)
csv (3.3.0) csv (3.3.2)
dnsruby (1.72.2) dnsruby (1.72.3)
base64 (~> 0.2.0)
simpleidn (~> 0.2.1) simpleidn (~> 0.2.1)
drb (2.2.1) drb (2.2.1)
em-websocket (0.5.3) em-websocket (0.5.3)
@@ -35,22 +38,15 @@ GEM
ffi (>= 1.15.0) ffi (>= 1.15.0)
eventmachine (1.2.7) eventmachine (1.2.7)
execjs (2.10.0) execjs (2.10.0)
faraday (2.12.0) faraday (2.12.2)
faraday-net_http (>= 2.0, < 3.4) faraday-net_http (>= 2.0, < 3.5)
json json
logger logger
faraday-net_http (3.3.0) faraday-net_http (3.4.0)
net-http net-http (>= 0.5.0)
ffi (1.17.0-aarch64-linux-gnu) ffi (1.17.1)
ffi (1.17.0-aarch64-linux-musl) ffi (1.17.1-arm64-darwin)
ffi (1.17.0-arm-linux-gnu) ffi (1.17.1-x86_64-darwin)
ffi (1.17.0-arm-linux-musl)
ffi (1.17.0-arm64-darwin)
ffi (1.17.0-x86-linux-gnu)
ffi (1.17.0-x86-linux-musl)
ffi (1.17.0-x86_64-darwin)
ffi (1.17.0-x86_64-linux-gnu)
ffi (1.17.0-x86_64-linux-musl)
forwardable-extended (2.6.0) forwardable-extended (2.6.0)
gemoji (4.1.0) gemoji (4.1.0)
github-pages (232) github-pages (232)
@@ -109,7 +105,7 @@ GEM
activesupport (>= 2) activesupport (>= 2)
nokogiri (>= 1.4) nokogiri (>= 1.4)
http_parser.rb (0.8.0) http_parser.rb (0.8.0)
i18n (1.14.6) i18n (1.14.7)
concurrent-ruby (~> 1.0) concurrent-ruby (~> 1.0)
jekyll (3.10.0) jekyll (3.10.0)
addressable (~> 2.4) addressable (~> 2.4)
@@ -221,7 +217,7 @@ GEM
gemoji (>= 3, < 5) gemoji (>= 3, < 5)
html-pipeline (~> 2.2) html-pipeline (~> 2.2)
jekyll (>= 3.0, < 5.0) jekyll (>= 3.0, < 5.0)
json (2.7.4) json (2.9.1)
kramdown (2.4.0) kramdown (2.4.0)
rexml rexml
kramdown-parser-gfm (1.1.0) kramdown-parser-gfm (1.1.0)
@@ -230,26 +226,22 @@ GEM
listen (3.9.0) listen (3.9.0)
rb-fsevent (~> 0.10, >= 0.10.3) rb-fsevent (~> 0.10, >= 0.10.3)
rb-inotify (~> 0.9, >= 0.9.10) rb-inotify (~> 0.9, >= 0.9.10)
logger (1.6.1) logger (1.6.5)
mercenary (0.3.6) mercenary (0.3.6)
mini_portile2 (2.8.8)
minima (2.5.1) minima (2.5.1)
jekyll (>= 3.5, < 5.0) jekyll (>= 3.5, < 5.0)
jekyll-feed (~> 0.9) jekyll-feed (~> 0.9)
jekyll-seo-tag (~> 2.1) jekyll-seo-tag (~> 2.1)
minitest (5.25.1) minitest (5.25.4)
net-http (0.4.1) net-http (0.6.0)
uri uri
nokogiri (1.16.7-aarch64-linux) nokogiri (1.18.3)
mini_portile2 (~> 2.8.2)
racc (~> 1.4) racc (~> 1.4)
nokogiri (1.16.7-arm-linux) nokogiri (1.18.3-arm64-darwin)
racc (~> 1.4) racc (~> 1.4)
nokogiri (1.16.7-arm64-darwin) nokogiri (1.18.3-x86_64-darwin)
racc (~> 1.4)
nokogiri (1.16.7-x86-linux)
racc (~> 1.4)
nokogiri (1.16.7-x86_64-darwin)
racc (~> 1.4)
nokogiri (1.16.7-x86_64-linux)
racc (~> 1.4) racc (~> 1.4)
octokit (4.25.1) octokit (4.25.1)
faraday (>= 1, < 3) faraday (>= 1, < 3)
@@ -261,9 +253,9 @@ GEM
rb-fsevent (0.11.2) rb-fsevent (0.11.2)
rb-inotify (0.11.1) rb-inotify (0.11.1)
ffi (~> 1.0) ffi (~> 1.0)
rexml (3.3.9) rexml (3.4.0)
rouge (3.30.0) rouge (3.30.0)
rubyzip (2.3.2) rubyzip (2.4.1)
safe_yaml (1.0.5) safe_yaml (1.0.5)
sass (3.7.4) sass (3.7.4)
sass-listen (~> 4.0.0) sass-listen (~> 4.0.0)
@@ -273,7 +265,7 @@ GEM
sawyer (0.9.2) sawyer (0.9.2)
addressable (>= 2.3.5) addressable (>= 2.3.5)
faraday (>= 0.17.3, < 3) faraday (>= 0.17.3, < 3)
securerandom (0.3.1) securerandom (0.4.1)
simpleidn (0.2.3) simpleidn (0.2.3)
terminal-table (1.8.0) terminal-table (1.8.0)
unicode-display_width (~> 1.1, >= 1.1.1) unicode-display_width (~> 1.1, >= 1.1.1)
@@ -282,19 +274,19 @@ GEM
tzinfo (2.0.6) tzinfo (2.0.6)
concurrent-ruby (~> 1.0) concurrent-ruby (~> 1.0)
unicode-display_width (1.8.0) unicode-display_width (1.8.0)
uri (0.13.1) uri (1.0.2)
webrick (1.8.2) webrick (1.9.1)
PLATFORMS PLATFORMS
aarch64-linux aarch64-linux
aarch64-linux-gnu aarch64-linux
aarch64-linux-musl aarch64-linux-musl
arm-linux arm-linux
arm-linux-gnu arm-linux
arm-linux-musl arm-linux-musl
arm64-darwin arm64-darwin
x86-linux x86-linux
x86-linux-gnu x86-linux
x86-linux-musl x86-linux-musl
x86_64-darwin x86_64-darwin
x86_64-linux x86_64-linux

View File

@@ -306,6 +306,13 @@ defaults:
layout: single layout: single
author_profile: false author_profile: false
share: true share: true
- scope:
path: ""
type: uh323
values:
layout: single
author_profile: false
share: true
- scope: - scope:
path: "" path: ""
@@ -335,6 +342,9 @@ collections:
uh223: uh223:
output: true output: true
permalink: /:collection/:path/ permalink: /:collection/:path/
uh323:
output: true
permalink: /:collection/:path/
en319: en319:
output: true output: true
permalink: /:collection/:path/ permalink: /:collection/:path/

View File

@@ -1,12 +1,14 @@
main: main:
- title: "About Me" - title: "About Me"
url: /about/ url: /about/
# - title: "Personal Projects" - title: "Personal Projects"
# url: /projects/ url: /projects/
# - title: "UH 223" # - title: "UH 223"
# url: /uh223/ # url: /uh223/
- title: "UH 323"
url: /uh323/
# - title: "Writing Portfolio" # - title: "Writing Portfolio"
# url: /en319/ # url: /en319/
- title: "Other Courses" # - title: "Other Courses"
url: /other_courses/ # url: /other_courses/

View File

@@ -3,7 +3,7 @@ title: "Access Guide"
excerpt: "An access guide designed for inclusivity." excerpt: "An access guide designed for inclusivity."
sidebar: sidebar:
- title: "A wild ?????? has appeared!" - title: "A wild ?????? has appeared!"
image: https://loremflickr.com/450/400 image: https://placekittens.com/450/400
image_alt: "placeholder image" image_alt: "placeholder image"
text: "This image used to be a kitten, and the text used to say \"Meow\", but then the kitten-generator broke. The image still might be a kitten, but it's no longer a guarantee." text: "This image used to be a kitten, and the text used to say \"Meow\", but then the kitten-generator broke. The image still might be a kitten, but it's no longer a guarantee."
--- ---

View File

@@ -3,7 +3,7 @@ title: "Writing Portfolio"
excerpt: "A sample report on the feasibility of a proposed project." excerpt: "A sample report on the feasibility of a proposed project."
sidebar: sidebar:
- title: "A wild ?????? has appeared!" - title: "A wild ?????? has appeared!"
image: https://loremflickr.com/450/400 image: https://placekittens.com/450/400
image_alt: "placeholder image" image_alt: "placeholder image"
text: "This image used to be a kitten, and the text used to say \"Meow\", but then the kitten-generator broke. The image still might be a kitten, but it's no longer a guarantee." text: "This image used to be a kitten, and the text used to say \"Meow\", but then the kitten-generator broke. The image still might be a kitten, but it's no longer a guarantee."
--- ---

View File

@@ -3,7 +3,7 @@ title: "Feasibility Report"
excerpt: "A sample report on the feasibility of a proposed project." excerpt: "A sample report on the feasibility of a proposed project."
sidebar: sidebar:
- title: "A wild ?????? has appeared!" - title: "A wild ?????? has appeared!"
image: https://loremflickr.com/450/400 image: https://placekittens.com/450/400
image_alt: "placeholder image" image_alt: "placeholder image"
text: "This image used to be a kitten, and the text used to say \"Meow\", but then the kitten-generator broke. The image still might be a kitten, but it's no longer a guarantee." text: "This image used to be a kitten, and the text used to say \"Meow\", but then the kitten-generator broke. The image still might be a kitten, but it's no longer a guarantee."
--- ---

View File

@@ -3,7 +3,7 @@ title: "Memos"
excerpt: "Sample internal memos for internal communication." excerpt: "Sample internal memos for internal communication."
sidebar: sidebar:
- title: "A wild ?????? has appeared!" - title: "A wild ?????? has appeared!"
image: https://loremflickr.com/450/400 image: https://placekittens.com/450/400
image_alt: "placeholder image" image_alt: "placeholder image"
text: "This image used to be a kitten, and the text used to say \"Meow\", but then the kitten-generator broke. The image still might be a kitten, but it's no longer a guarantee." text: "This image used to be a kitten, and the text used to say \"Meow\", but then the kitten-generator broke. The image still might be a kitten, but it's no longer a guarantee."
--- ---

View File

@@ -3,7 +3,7 @@ title: "Progress Report"
excerpt: "An AI-generated and manually edited progress report." excerpt: "An AI-generated and manually edited progress report."
sidebar: sidebar:
- title: "A wild ?????? has appeared!" - title: "A wild ?????? has appeared!"
image: https://loremflickr.com/450/400 image: https://placekittens.com/450/400
image_alt: "placeholder image" image_alt: "placeholder image"
text: "This image used to be a kitten, and the text used to say \"Meow\", but then the kitten-generator broke. The image still might be a kitten, but it's no longer a guarantee." text: "This image used to be a kitten, and the text used to say \"Meow\", but then the kitten-generator broke. The image still might be a kitten, but it's no longer a guarantee."
--- ---

View File

@@ -3,7 +3,7 @@ title: "Sample Proposal"
excerpt: "A sample proposal targeted towards a university." excerpt: "A sample proposal targeted towards a university."
sidebar: sidebar:
- title: "A wild ?????? has appeared!" - title: "A wild ?????? has appeared!"
image: https://loremflickr.com/450/400 image: https://placekittens.com/450/400
image_alt: "placeholder image" image_alt: "placeholder image"
text: "This image used to be a kitten, and the text used to say \"Meow\", but then the kitten-generator broke. The image still might be a kitten, but it's no longer a guarantee." text: "This image used to be a kitten, and the text used to say \"Meow\", but then the kitten-generator broke. The image still might be a kitten, but it's no longer a guarantee."
--- ---

View File

@@ -7,4 +7,4 @@ permalink: /404.html
The page you were trying to view does not exist. Enjoy a kitten. The page you were trying to view does not exist. Enjoy a kitten.
![Sample Kitten](https://loremflickr.com/700/500) ![Sample Kitten](https://placekittens.com/700/500)

8
_pages/uh323.md Normal file
View File

@@ -0,0 +1,8 @@
---
title: UH323 Portfolio
layout: collection
permalink: /uh323/
collection: uh323
entries_layout: grid
classes: wide
---

View File

@@ -4,4 +4,4 @@ title: "Welcome to My Site!"
This is just a generic homepage post. I haven't done anything decent enough since the creation of this site to warrent adding anything to this. Enjoy a free kitten! This is just a generic homepage post. I haven't done anything decent enough since the creation of this site to warrent adding anything to this. Enjoy a free kitten!
![Sample Kitten](https://loremflickr.com/700/500) ![Sample Kitten](https://placekittens.com/700/500)

View File

@@ -3,7 +3,7 @@ title: "Local Media Server"
excerpt: "How to listen to a music library on a low-storage device" excerpt: "How to listen to a music library on a low-storage device"
sidebar: sidebar:
- title: "Software Kitten" - title: "Software Kitten"
image: https://loremflickr.com/200/600 image: https://placekittens.com/200/600
image_alt: "placeholder image" image_alt: "placeholder image"
text: "This is a virtual kitten. Please enjoy." text: "This is a virtual kitten. Please enjoy."
--- ---

View File

@@ -3,7 +3,7 @@ title: "Accordion"
excerpt: "My first book!." excerpt: "My first book!."
sidebar: sidebar:
- title: "A wild ?????? has appeared!" - title: "A wild ?????? has appeared!"
image: https://loremflickr.com/450/250 image: https://placekittens.com/450/250
image_alt: "placeholder image" image_alt: "placeholder image"
text: "This image used to be a kitten, and the text used to say \"Meow\", but then the kitten-generator broke. The image still might be a kitten, but it's no longer a guarantee." text: "This image used to be a kitten, and the text used to say \"Meow\", but then the kitten-generator broke. The image still might be a kitten, but it's no longer a guarantee."
gallery: gallery:

View File

@@ -3,7 +3,7 @@ title: "Flutter"
excerpt: "My second book!." excerpt: "My second book!."
sidebar: sidebar:
- title: "A wild ?????? has appeared!" - title: "A wild ?????? has appeared!"
image: https://loremflickr.com/450/350 image: https://placekittens.com/450/350
image_alt: "placeholder image" image_alt: "placeholder image"
text: "This image used to be a kitten, and the text used to say \"Meow\", but then the kitten-generator broke. The image still might be a kitten, but it's no longer a guarantee." text: "This image used to be a kitten, and the text used to say \"Meow\", but then the kitten-generator broke. The image still might be a kitten, but it's no longer a guarantee."
gallery: gallery:

View File

@@ -3,7 +3,7 @@ title: "Stab"
excerpt: "My third through seventh books!." excerpt: "My third through seventh books!."
sidebar: sidebar:
- title: "A wild ?????? has appeared!" - title: "A wild ?????? has appeared!"
image: https://loremflickr.com/450/400 image: https://placekittens.com/450/400
image_alt: "placeholder image" image_alt: "placeholder image"
text: "This image used to be a kitten, and the text used to say \"Meow\", but then the kitten-generator broke. The image still might be a kitten, but it's no longer a guarantee." text: "This image used to be a kitten, and the text used to say \"Meow\", but then the kitten-generator broke. The image still might be a kitten, but it's no longer a guarantee."
gallery: gallery:

View File

@@ -3,7 +3,7 @@ title: "Coptic"
excerpt: "My ninth book!." excerpt: "My ninth book!."
sidebar: sidebar:
- title: "A wild ?????? has appeared!" - title: "A wild ?????? has appeared!"
image: https://loremflickr.com/150/400 image: https://placekittens.com/150/400
image_alt: "placeholder image" image_alt: "placeholder image"
text: "This image used to be a kitten, and the text used to say \"Meow\", but then the kitten-generator broke. The image still might be a kitten, but it's no longer a guarantee." text: "This image used to be a kitten, and the text used to say \"Meow\", but then the kitten-generator broke. The image still might be a kitten, but it's no longer a guarantee."
gallery: gallery:

View File

@@ -3,7 +3,7 @@ title: "Etheopian"
excerpt: "My tenth book!." excerpt: "My tenth book!."
sidebar: sidebar:
- title: "A wild ?????? has appeared!" - title: "A wild ?????? has appeared!"
image: https://loremflickr.com/150/400 image: https://placekittens.com/150/400
image_alt: "placeholder image" image_alt: "placeholder image"
text: "This image used to be a kitten, and the text used to say \"Meow\", but then the kitten-generator broke. The image still might be a kitten, but it's no longer a guarantee." text: "This image used to be a kitten, and the text used to say \"Meow\", but then the kitten-generator broke. The image still might be a kitten, but it's no longer a guarantee."
gallery: gallery:

View File

@@ -3,7 +3,7 @@ title: "French Link Stitch"
excerpt: "My eleventh book!." excerpt: "My eleventh book!."
sidebar: sidebar:
- title: "A wild ?????? has appeared!" - title: "A wild ?????? has appeared!"
image: https://loremflickr.com/150/400 image: https://placekittens.com/150/400
image_alt: "placeholder image" image_alt: "placeholder image"
text: "This image used to be a kitten, and the text used to say \"Meow\", but then the kitten-generator broke. The image still might be a kitten, but it's no longer a guarantee." text: "This image used to be a kitten, and the text used to say \"Meow\", but then the kitten-generator broke. The image still might be a kitten, but it's no longer a guarantee."
gallery: gallery:

View File

@@ -0,0 +1,56 @@
---
title: "Late Fragment"
excerpt: "Three reads of a poem byy Richard Carter"
sidebar:
- title: "A wild ?????? has appeared!"
image: https://placekittens.com/450/250
image_alt: "placeholder image"
text: "This image used to be a kitten, and the text used to say \"Meow\", but then the kitten-generator broke. The image still might be a kitten, but it's no longer a guarantee."
gallery_accordion:
- image_path: /assets/uh323/late-fragment/accordion_stand.jpg
url: /assets/uh323/late-fragment/accordion_stand.jpg
- image_path: /assets/uh323/late-fragment/accordion_back.jpg
url: /assets/uh323/late-fragment/accordion_back.jpg
- image_path: /assets/uh323/late-fragment/accordion_text.jpg
url: /assets/uh323/late-fragment/accordion_text.jpg
gallery_8page:
- image_path: /assets/uh323/late-fragment/8_cover.jpg
url: /assets/uh323/late-fragment/8_cover.jpg
- image_path: /assets/uh323/late-fragment/8_page_1.jpg
url: /assets/uh323/late-fragment/8_page_1.jpg
- image_path: /assets/uh323/late-fragment/8_page_2.jpg
url: /assets/uh323/late-fragment/8_page_2.jpg
- image_path: /assets/uh323/late-fragment/8_full.jpg
url: /assets/uh323/late-fragment/8_full.jpg
gallery_flag:
- image_path: /assets/uh323/late-fragment/flag_back_2page.jpg
url: /assets/uh323/late-fragment/flag_back_2page.jpg
- image_path: /assets/uh323/late-fragment/flag_back.jpg
url: /assets/uh323/late-fragment/flag_back.jpg
- image_path: /assets/uh323/late-fragment/flag_front.jpg
url: /assets/uh323/late-fragment/flag_front.jpg
- image_path: /assets/uh323/late-fragment/flag_front_2page.jpg
url: /assets/uh323/late-fragment/flag_front_2page.jpg
---
This assignment was to create three reads of the poem [Late Fragment](https://allpoetry.com/Late-Fragment) by Raymond Carver. Reading this poem, I got a sense of retrospection, of looking back of life, and as such, decided to create three reads that appeal to the topic when viewed together, rather than individually as much of the class did.
Appealing to the retrospective nature, looking back on book arts, the first book I ever made was probably an accordion. It wasn't a very good book, and I certainly don't really remember it, but I can recreate it.
{% include gallery id="gallery_accordion" caption="My Accordion Book" %}
This book plainly states that it is made by a 3rd-grader, for their English Language Arts course. Actually writing the poem with the command of English expected by a third-grader was difficult, as while basic grammatical errors (eg. non-capitalized Is) and minor spelling mistakes are acceptable, altering the text of the poem in a meaningful way is not. As such, I was forced to ensure any mistake I included was either cosmetic or grammatical rather than, say, rearranging or substituting difficult words.
If I were to do this again as part of a professional work, I would not have used printer paper, but instead either cardboard (not cardstock) or thin, loose-leaf notebook paper torn out of a spiral notebook. I would have also done my best to fold every-so-slightly askew, though in a way as that the overall effect would cancel out across the entire book. Lastly, I would have made more mistakes, such as misspelling the author's name as "Raymond Carter". These details were omitted from this specific work as I did not want to chance my grade on the artistic effect of intentional mistakes.
Next on the list of books is the middle-of-the-road book, or the "classic" book. This is what most people think of when they consider a book: pages and text. Like any other book, this 2ill contain a preface, author biography, testimonials on the back, and cover art. You may have noticed future tense in the previous sentence, as this is not just any book, but an advance, pre-publication copy. The text of the story has been written, but the finer details are still to be determined based on pre-release feedback.
{% include gallery id="gallery_8page" caption="My 8-page Book" %}
In reality, this is a cop-out for my poor drawing and artistic skills. A notable image of this book is the full spread. I made the deliberate choice not to glue nor tape the pages in the folded state to emphasize the simplicity of this book, in that all visible text is on one side of a page. As such, a dedicated artist can design a book and print it in such a way where it comes together cleanly and easily. Such option was considered for this book, however I don't own a printer, and I judged my poor handwriting as worth the tradeoff of using a public printer and the resulting thinner printer paper.
Last on our retrospective book-arts journey is a modified flag-book, complete with board covers. This book is intended to show the most advanced techniques in book arts available to me in this assignment in the covers (though sans an inlay), as well as appear as the most 'quality' of the books in the collection, representing experience gained.
{% include gallery id="gallery_flag" caption="My Modified Flag Book" %}
The book was originally intended as a poetry journal of sorts, with the owner's name and contact info written (blacked out in the above images), and blank pages for the author to fill in as they read or write poetry of their own. In retrospect, this was not well communicated. I based this off of a classic journal, which doesn't have a title labeling it as such as many journal-like products can be a diary, writing journal, poetry journal, spiral notebook for classes, or similar. I also didn't leave any guides on the pages for handwriting, which would have helped to convey the message. If I were to do this again, I would also have a dedicated page inside the cover stating that this is a poetry journal, as well as the owner's name and contact info.

View File

@@ -0,0 +1,52 @@
---
title: "My Life in Music"
excerpt: "A Catalog of Failures"
sidebar:
- title: "A wild ?????? has appeared!"
image: https://placekittens.com/450/250
image_alt: "placeholder image"
text: "This image used to be a kitten, and the text used to say \"Meow\", but then the kitten-generator broke. The image still might be a kitten, but it's no longer a guarantee."
gallery_flag:
- image_path: /assets/uh323/flag/1.jpg
url: /assets/uh323/flag/2.jpg
- image_path: /assets/uh323/flag/2.jpg
url: /assets/uh323/flag/2.jpg
- image_path: /assets/uh323/flag/3.jpg
url: /assets/uh323/flag/3.jpg
- image_path: /assets/uh323/flag/4.jpg
url: /assets/uh323/flag/4.jpg
- image_path: /assets/uh323/flag/5.jpg
url: /assets/uh323/flag/5.jpg
- image_path: /assets/uh323/flag/6.jpg
url: /assets/uh323/flag/6.jpg
- image_path: /assets/uh323/flag/7.jpg
url: /assets/uh323/flag/7.jpg
---
So. The original flag book as made of 5x9 images, with a pretty poem written on the flags.
Then I messed it up on Sunday. Crimson Copies, our local print shop, opens Monday. Outside of classes, I had three hours including lunch that I could have stopped by for a reprint. When I did, I managed to get 8.5x11 images instead and didn't notice, as I was in a rush. By the time 8pm rolled around and I could re-bind the book, Crimson Copies was closed, so I was forced to say "screw it" and spend the next few hours before bed making an oversized book.
It somehow didn't end too terribly.
By which I mean it ended badly, but no so bad as to make me cry. Even with doubling the margin of cutting for each flag, I still had a very oversized book. Fun fact: the art kits we were provided with do not have board tall enough for an 11" cover. Covers were made no more than an hour before class, as that was when I was able to source material. Naturally, my somewhat-thick decorative paper also happened to not fit in my backpack, so I grabbed some cardboard to use as cover paper instead. Cardboard that happened to be too small.
That left the on-hand stock of cover paper, which was thin and fragile to the point of tearing during gluing, to which my reaction was to hide the error with oversized pastedowns. Naturally, I attached the pastedowns before the book block, leaving part of the accordion visible. I will not confirm whether this was an intentional design choice to avoid applying stress to the wrapped-around flaps of the fragile cover paper, or if it was a mistake that I'm playing off as a feature.
There were also some content changes. By this, I mean I hated the poem I had originally, and when the available whitespace quadrupled in surface area, I decided that my handwriting in large fonts was somehow worse than my regular handwriting and scrapped the poem entirely. With the loose justification that songs are simply spoken poems, I made this into a musical self-portrait album, complete with QR codes to song links and fun facts about why I chose each particular song.
If I were to do this again, each QR code would point to a service such as [this](https://www.youtube.com/watch?v=xMHJGd3wwZk), so that I could include analytics. This would allow me to track how often people scan the QR codes, and then create metrics such as scans per book purchased, as well as track which individual books see the most users scan pages. It would also allow me to redirect links as-needed, in the event of a takedown on YouTube or other issues.
Additionally, I'd like to use some blank space more. The title/author flag could potentially have album art or a thumbnail, and the covers have no title on the front to indicate which way the book opens. I'd also like to switch out the image, but as my phone tends to be wiped semi-frequently or simply break (such as in UH 223), most photos don't tend to last long on my devices, so the current image is simply what I had on-hand and doesn't really fit the theme.
Lastly, the pastedowns contain little content on this version of the book. I've moved the colophon to the back of the last flags, as there's no QR code associated with them, but I'm far too self-conscious (and not narcissistic enough) to have an intro at the front, a colophon, and an About Me page in the back. I generally ran out of ideas for how to use that space. Future editions, if I ever make them, will likely have an engraving on the interior instead.
{% include gallery id="gallery_flag" caption="My Flag Book" %}
These images were taken on the floor. The palatable rationale behind this choice is that I felt that a wite background would contrast against the back of the images, which are also white. The actual rationale is that a large book would not fit on the poster paper in-class, and I had to take images at home. It turns out the only options for a solid, matte surface were blankets, carpet, or kitchen tiles (as I don't want to tape the book to the wall for an image), and I had to choose the lesser of three evils.
All in all, this book was a disaster. An educational disaster, but still a disaster nonetheless.
At least I got to rickroll two people out of it!
[Live Rickroll Tracker: How Many People has This Book Rickrolled?](https://www.youtube.com/watch?v=xMHJGd3wwZk)

View File

@@ -0,0 +1,40 @@
---
title: "Drum Leaf Book"
excerpt: "Failing at Books (Again)"
sidebar:
- title: "A wild ?????? has appeared!"
image: https://placekittens.com/450/250
image_alt: "placeholder image"
text: "This image used to be a kitten, and the text used to say \"Meow\", but then the kitten-generator broke. The image still might be a kitten, but it's no longer a guarantee."
gallery_drum:
- image_path: /assets/uh323/drum/front.jpg
url: /assets/uh323/drum/front.jpg
- image_path: /assets/uh323/drum/1.jpg
url: /assets/uh323/drum/1.jpg
- image_path: /assets/uh323/drum/2.jpg
url: /assets/uh323/drum/2.jpg
- image_path: /assets/uh323/drum/3.jpg
url: /assets/uh323/drum/3.jpg
- image_path: /assets/uh323/drum/back.jpg
url: /assets/uh323/drum/back.jpg
---
This book was another disaster. Starting with being isolated from tools due to TSA regulations and ending in COVID-19, the ways this book has been delayed are certainly not few and far between.
Once again, the idea of this book was to tell a story from music expressed in art.
Yes, art.
We know exactly how bad I am at art.
So, like always, I found a creative way to not have to draw anything: my story was inspired by space exploration, which allowed me to reuse some old cover paper to make my two-page spreads. I then decided to emphasize this theme by titling the book as I did. The song behind this book, [Sail Away by TheFatRat and Laura Brehm](https://www.youtube.com/watch?v=eWOuuwrREh0) (and this one's not a rickroll, promise!), is one that I frequently listen to in class while not paying attention to lectures that I don't understand (physics is hard!), and instead daydream about science fiction novels (among other topics), so I thought it fitting to add a small spaceship to each page.
If you're a math person, I've modeled the motion over the positive part of the inverse tangent function. However, I also didn't do a good job at it, so a keen eye could claim it modeled after a logarithm, hyperbolic function, rational function, or if you're feeling brave, a polynomial interpreted between six points.
As a book made off of materials that I had on-hand rather than dozens of hours of drawing, the two-page spread imagery may be familiar. Specifically, from UH 223, the [Ethiopian binding](/uh223/2024-04-10-etheopian) used some of the artwork as cover art, and the image pack has been my go-to cover art image pack for the last few years.
If I were to do this again, I'd probably scrap the design as a whole. I wasn't too fond of how the overall progression feels, and I don't feel that it portrays a story that well. I'm not sure where I'd get the artwork to do so, though. I'd also use a layer or two of cardstock to thicken the individual pages before binding - the pages in this book felt unreasonably thin. Lastly, I would like to use one of the fancier cover designs. I wasn't able to justify it on this (as my normal cover paper wouldn't fit the book block contents), but the simple wrap-around cover feels flimsy and low-quality on this book.
Oh, and I wouldn't accidentally spill water on the back of the book once it's finished.
{% include gallery id="gallery_drum" caption="My Drum Leaf Book" %}

View File

@@ -0,0 +1,37 @@
---
title: "What $80 Can Buy"
excerpt: "Not Yet Present"
sidebar:
- title: "A wild ?????? has appeared!"
image: https://placekittens.com/450/250
image_alt: "placeholder image"
text: "This image used to be a kitten, and the text used to say \"Meow\", but then the kitten-generator broke. The image still might be a kitten, but it's no longer a guarantee."
gallery_altered:
- image_path: /assets/uh323/altered/front.jpg
url: /assets/uh323/altered/front.jpg
- image_path: /assets/uh323/altered/1.jpg
url: /assets/uh323/altered/1.jpg
- image_path: /assets/uh323/altered/2.jpg
url: /assets/uh323/altered/2.jpg
---
One plus one equals two, there are no magnetic monopoles, and college textbook publishers are scam artists.
Three statements, each (mostly) universally accepted.
For this assignment, I didn't have a book, so I wound up using an old 300-some page textbook found in a cabinet somewhere. This book costs $80 new on some websites at present, so out of protest of the college textbook racket, I decided to rebrand this book by exploring the opportunity cost. That is, what else could you have spent that $80 on?
However, this comes with some restrictions. In the theme of this project, I am cheap, and don't want to spend more than $3 on this book. Other people can, that's their prerogative, but that won't be me. This is also "crunch time" for my major. I have no more than two to three hours for this, sprinkled across two weeks in increments of half an hour or so every few days - in other words, I am spending as much time on this book as most people (outside of physics) spend on their college textbooks.
In other words, in industry terms, there's a tight deadline for a proof-of-concept, but the deadline's not too important compared to every other deadline on the calendar. The design of this book reflects that. The original idea was to skip inking pages by hand by using transfer paper and either a heated press or a clothing iron. Sadly, transfer paper is out of my budget, and an iron would set off a smoke alarm in the dorms. A heated press is a pipe dream, in that I'm not going to buy expensive equipment that's banned in the dorms (it's a fire hazard) for a single project. This lead me to my next solution: print the pages on regular paper and just tape them in.
This has the advantage of being able to design a word doc and print it while waiting between classes while only having my laptop rather than my backpack and art kit (netting extra time), being able to print while printing my homework, leaving only tape as the final part, which took five minutes at most. Sadly, gluing pages together that I didn't get to would require a glue bottle, which depending on the location, would put me over budget.
As a nod to my budget, I will note that printing more than a select few pages would put me over-budget, as the library charges $0.15 per page (single sided) for a color copy. That meant I could print 20 pages (including all reprints), limiting my attempts available to one (as I had 13 pages designed). Sadly, when I went to cut out pages, I used scissors and cut them all at once. Murphy's law struck, and the pages were not cut square, despite me stapling them together in multiple places to avoid exactly that problem.
{% include gallery id="gallery_altered" caption="In the theme of this project, please pay $325.21 for a one-year subscription to the rest of this book." %}
A student in-class noted the theme of daily necessities in all the pages. Though initially a coincidence, if I ever expand on this project, I will be using that theme.
While I would upload the document that corresponds with the rest of the pages, copyright is a thing, and I'd rather not spend half a year looking up regulations.

View File

@@ -0,0 +1,19 @@
---
title: "Artist Statement"
excerpt: "Not Yet Present"
sidebar:
- title: "A wild ?????? has appeared!"
image: https://placekittens.com/450/250
image_alt: "placeholder image"
text: "This image used to be a kitten, and the text used to say \"Meow\", but then the kitten-generator broke. The image still might be a kitten, but it's no longer a guarantee."
---
"It is a truth universally acknowledged, that anyone who is in a STEM-related field is horrible at art." - Jane Austin (probably)
Not everybody has the ability to string together brush strokes into a masterpiece, plaster paper mache into a sculpture, or create beauty with not but a pencil. What is true, however, is that while some people can't, there should be others who are prohibited from even trying, as their attempts at art will cause others to bleed from their eyes in agony.
Unfortunately, I am one of those people.
And yet, I make (somewhat decent) art anyways. This semester, my focus has been on one device: the printer. From my drum-leaf book with only printed stickers to my flipbook, which was entirely printed, the past five months have been an exercise in how to use digital document editing tools in ways outside of their design to construct works of art, as well as constructing new tools that transform existing digital art into new mediums.
Through this, I am able to take works of art released to the public domain and reimage them in my own style, combining works from a variety of different sources to send my own unique message. By making tools and pipelines, I am making the art of the book accessible to others like me, who, while perhaps never having moved on from stick figures, still have messages of our own to send.

View File

@@ -0,0 +1,40 @@
---
title: "Flipbook"
excerpt: "Not Yet Present"
sidebar:
- title: "A wild ?????? has appeared!"
image: https://placekittens.com/450/250
image_alt: "placeholder image"
text: "This image used to be a kitten, and the text used to say \"Meow\", but then the kitten-generator broke. The image still might be a kitten, but it's no longer a guarantee."
---
Here we are, the final day to submit this, and I have a flipbook.
Now, I'm bad at drawing, and even worse at animating. I've tried both a while back, and the results were ugly. So, I thought, why not just print something and cut it out?
So, I found a gif on the internet and decided to turn it into a flipbook.
Easier said than done. Even if the images were extracted to individual frames, I couldn't just put them on a USB drive and ask Crimson Copies to print them. Why? Because half the card is obstructed by the rest, so half the space needs to be unused. A regular printer would pack the images as close together as possible.
Additionally, once that's done, trimming the images to the perfect size for a page is difficult without markers, and it's tedious, as when printing multiple flipbook pages per 8.5x11" page, the placement can drift per physical printed page.
And that's not even mentioning the pages have to be in order, and each flipbook page has to be the same size, and a whole host of other issues.
My answer to this? Python!
No, not the snake.
It turns out that having to work with image processing has some advantages. I wrote a script that will generate images for a printer, which can then be cut out with a papercutter or similar tool. For this flipbook, an example is below.
![Flipbook Page](/assets/uh323/flipbook/6.png)
Cutting out, we see the assembled flipbook
<video width="640" controls>
<source src="/assets/uh323/flipbook/flipbook.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
This flipbook was inspired by the many, many paintings of the Great Fire of London, pictured below:
![Great Fire of London](https://upload.wikimedia.org/wikipedia/commons/b/b6/Great_Fire_London.jpg)

BIN
assets/uh323/altered/1.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 MiB

BIN
assets/uh323/altered/2.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.0 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 MiB

BIN
assets/uh323/drum/1.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.7 MiB

BIN
assets/uh323/drum/2.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.7 MiB

BIN
assets/uh323/drum/3.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.7 MiB

BIN
assets/uh323/drum/back.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 MiB

BIN
assets/uh323/drum/front.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 MiB

BIN
assets/uh323/flag/1.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 MiB

BIN
assets/uh323/flag/2.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.3 MiB

BIN
assets/uh323/flag/3.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 MiB

BIN
assets/uh323/flag/4.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.4 MiB

BIN
assets/uh323/flag/5.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.3 MiB

BIN
assets/uh323/flag/6.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 MiB

BIN
assets/uh323/flag/7.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.7 MiB

BIN
assets/uh323/flipbook/6.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 69 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 355 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 118 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 205 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 167 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 217 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 236 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 226 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 465 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 248 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 672 KiB