Compare commits
10 Commits
742eb2ff26
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
4fe696fc24 | ||
|
|
c3a76d4a51 | ||
|
|
f9171e0471 | ||
|
|
a195478f7e | ||
|
|
ff190c0f0e | ||
|
|
b518517a80 | ||
|
|
89051d9477 | ||
|
|
521cac9795 | ||
|
|
37925d97da | ||
|
|
4d8f4cc1e8 |
3
.gitignore
vendored
@@ -1,2 +1,3 @@
|
||||
_site/
|
||||
.bundle/ruby
|
||||
.bundle/ruby
|
||||
*.jpg~
|
||||
78
Gemfile.lock
@@ -1,8 +1,9 @@
|
||||
GEM
|
||||
remote: https://rubygems.org/
|
||||
specs:
|
||||
activesupport (7.2.1.2)
|
||||
activesupport (7.2.2.1)
|
||||
base64
|
||||
benchmark (>= 0.3)
|
||||
bigdecimal
|
||||
concurrent-ruby (~> 1.0, >= 1.3.1)
|
||||
connection_pool (>= 2.2.5)
|
||||
@@ -15,17 +16,19 @@ GEM
|
||||
addressable (2.8.7)
|
||||
public_suffix (>= 2.0.2, < 7.0)
|
||||
base64 (0.2.0)
|
||||
bigdecimal (3.1.8)
|
||||
benchmark (0.4.0)
|
||||
bigdecimal (3.1.9)
|
||||
coffee-script (2.4.1)
|
||||
coffee-script-source
|
||||
execjs
|
||||
coffee-script-source (1.12.2)
|
||||
colorator (1.1.0)
|
||||
commonmarker (0.23.10)
|
||||
concurrent-ruby (1.3.4)
|
||||
connection_pool (2.4.1)
|
||||
csv (3.3.0)
|
||||
dnsruby (1.72.2)
|
||||
commonmarker (0.23.11)
|
||||
concurrent-ruby (1.3.5)
|
||||
connection_pool (2.5.0)
|
||||
csv (3.3.2)
|
||||
dnsruby (1.72.3)
|
||||
base64 (~> 0.2.0)
|
||||
simpleidn (~> 0.2.1)
|
||||
drb (2.2.1)
|
||||
em-websocket (0.5.3)
|
||||
@@ -35,22 +38,15 @@ GEM
|
||||
ffi (>= 1.15.0)
|
||||
eventmachine (1.2.7)
|
||||
execjs (2.10.0)
|
||||
faraday (2.12.0)
|
||||
faraday-net_http (>= 2.0, < 3.4)
|
||||
faraday (2.12.2)
|
||||
faraday-net_http (>= 2.0, < 3.5)
|
||||
json
|
||||
logger
|
||||
faraday-net_http (3.3.0)
|
||||
net-http
|
||||
ffi (1.17.0-aarch64-linux-gnu)
|
||||
ffi (1.17.0-aarch64-linux-musl)
|
||||
ffi (1.17.0-arm-linux-gnu)
|
||||
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)
|
||||
faraday-net_http (3.4.0)
|
||||
net-http (>= 0.5.0)
|
||||
ffi (1.17.1)
|
||||
ffi (1.17.1-arm64-darwin)
|
||||
ffi (1.17.1-x86_64-darwin)
|
||||
forwardable-extended (2.6.0)
|
||||
gemoji (4.1.0)
|
||||
github-pages (232)
|
||||
@@ -109,7 +105,7 @@ GEM
|
||||
activesupport (>= 2)
|
||||
nokogiri (>= 1.4)
|
||||
http_parser.rb (0.8.0)
|
||||
i18n (1.14.6)
|
||||
i18n (1.14.7)
|
||||
concurrent-ruby (~> 1.0)
|
||||
jekyll (3.10.0)
|
||||
addressable (~> 2.4)
|
||||
@@ -221,7 +217,7 @@ GEM
|
||||
gemoji (>= 3, < 5)
|
||||
html-pipeline (~> 2.2)
|
||||
jekyll (>= 3.0, < 5.0)
|
||||
json (2.7.4)
|
||||
json (2.9.1)
|
||||
kramdown (2.4.0)
|
||||
rexml
|
||||
kramdown-parser-gfm (1.1.0)
|
||||
@@ -230,26 +226,22 @@ GEM
|
||||
listen (3.9.0)
|
||||
rb-fsevent (~> 0.10, >= 0.10.3)
|
||||
rb-inotify (~> 0.9, >= 0.9.10)
|
||||
logger (1.6.1)
|
||||
logger (1.6.5)
|
||||
mercenary (0.3.6)
|
||||
mini_portile2 (2.8.8)
|
||||
minima (2.5.1)
|
||||
jekyll (>= 3.5, < 5.0)
|
||||
jekyll-feed (~> 0.9)
|
||||
jekyll-seo-tag (~> 2.1)
|
||||
minitest (5.25.1)
|
||||
net-http (0.4.1)
|
||||
minitest (5.25.4)
|
||||
net-http (0.6.0)
|
||||
uri
|
||||
nokogiri (1.16.7-aarch64-linux)
|
||||
nokogiri (1.18.3)
|
||||
mini_portile2 (~> 2.8.2)
|
||||
racc (~> 1.4)
|
||||
nokogiri (1.16.7-arm-linux)
|
||||
nokogiri (1.18.3-arm64-darwin)
|
||||
racc (~> 1.4)
|
||||
nokogiri (1.16.7-arm64-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)
|
||||
nokogiri (1.18.3-x86_64-darwin)
|
||||
racc (~> 1.4)
|
||||
octokit (4.25.1)
|
||||
faraday (>= 1, < 3)
|
||||
@@ -261,9 +253,9 @@ GEM
|
||||
rb-fsevent (0.11.2)
|
||||
rb-inotify (0.11.1)
|
||||
ffi (~> 1.0)
|
||||
rexml (3.3.9)
|
||||
rexml (3.4.0)
|
||||
rouge (3.30.0)
|
||||
rubyzip (2.3.2)
|
||||
rubyzip (2.4.1)
|
||||
safe_yaml (1.0.5)
|
||||
sass (3.7.4)
|
||||
sass-listen (~> 4.0.0)
|
||||
@@ -273,7 +265,7 @@ GEM
|
||||
sawyer (0.9.2)
|
||||
addressable (>= 2.3.5)
|
||||
faraday (>= 0.17.3, < 3)
|
||||
securerandom (0.3.1)
|
||||
securerandom (0.4.1)
|
||||
simpleidn (0.2.3)
|
||||
terminal-table (1.8.0)
|
||||
unicode-display_width (~> 1.1, >= 1.1.1)
|
||||
@@ -282,19 +274,19 @@ GEM
|
||||
tzinfo (2.0.6)
|
||||
concurrent-ruby (~> 1.0)
|
||||
unicode-display_width (1.8.0)
|
||||
uri (0.13.1)
|
||||
webrick (1.8.2)
|
||||
uri (1.0.2)
|
||||
webrick (1.9.1)
|
||||
|
||||
PLATFORMS
|
||||
aarch64-linux
|
||||
aarch64-linux-gnu
|
||||
aarch64-linux
|
||||
aarch64-linux-musl
|
||||
arm-linux
|
||||
arm-linux-gnu
|
||||
arm-linux
|
||||
arm-linux-musl
|
||||
arm64-darwin
|
||||
x86-linux
|
||||
x86-linux-gnu
|
||||
x86-linux
|
||||
x86-linux-musl
|
||||
x86_64-darwin
|
||||
x86_64-linux
|
||||
|
||||
10
_config.yml
@@ -306,6 +306,13 @@ defaults:
|
||||
layout: single
|
||||
author_profile: false
|
||||
share: true
|
||||
- scope:
|
||||
path: ""
|
||||
type: uh323
|
||||
values:
|
||||
layout: single
|
||||
author_profile: false
|
||||
share: true
|
||||
|
||||
- scope:
|
||||
path: ""
|
||||
@@ -335,6 +342,9 @@ collections:
|
||||
uh223:
|
||||
output: true
|
||||
permalink: /:collection/:path/
|
||||
uh323:
|
||||
output: true
|
||||
permalink: /:collection/:path/
|
||||
en319:
|
||||
output: true
|
||||
permalink: /:collection/:path/
|
||||
|
||||
@@ -1,12 +1,14 @@
|
||||
main:
|
||||
- title: "About Me"
|
||||
url: /about/
|
||||
# - title: "Personal Projects"
|
||||
# url: /projects/
|
||||
- title: "Personal Projects"
|
||||
url: /projects/
|
||||
# - title: "UH 223"
|
||||
# url: /uh223/
|
||||
- title: "UH 323"
|
||||
url: /uh323/
|
||||
|
||||
# - title: "Writing Portfolio"
|
||||
# url: /en319/
|
||||
- title: "Other Courses"
|
||||
url: /other_courses/
|
||||
# - title: "Other Courses"
|
||||
# url: /other_courses/
|
||||
@@ -3,7 +3,7 @@ title: "Access Guide"
|
||||
excerpt: "An access guide designed for inclusivity."
|
||||
sidebar:
|
||||
- title: "A wild ?????? has appeared!"
|
||||
image: https://loremflickr.com/450/400
|
||||
image: https://placekittens.com/450/400
|
||||
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."
|
||||
---
|
||||
|
||||
@@ -3,7 +3,7 @@ title: "Writing Portfolio"
|
||||
excerpt: "A sample report on the feasibility of a proposed project."
|
||||
sidebar:
|
||||
- title: "A wild ?????? has appeared!"
|
||||
image: https://loremflickr.com/450/400
|
||||
image: https://placekittens.com/450/400
|
||||
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."
|
||||
---
|
||||
|
||||
@@ -3,7 +3,7 @@ title: "Feasibility Report"
|
||||
excerpt: "A sample report on the feasibility of a proposed project."
|
||||
sidebar:
|
||||
- title: "A wild ?????? has appeared!"
|
||||
image: https://loremflickr.com/450/400
|
||||
image: https://placekittens.com/450/400
|
||||
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."
|
||||
---
|
||||
|
||||
@@ -3,7 +3,7 @@ title: "Memos"
|
||||
excerpt: "Sample internal memos for internal communication."
|
||||
sidebar:
|
||||
- title: "A wild ?????? has appeared!"
|
||||
image: https://loremflickr.com/450/400
|
||||
image: https://placekittens.com/450/400
|
||||
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."
|
||||
---
|
||||
|
||||
@@ -3,7 +3,7 @@ title: "Progress Report"
|
||||
excerpt: "An AI-generated and manually edited progress report."
|
||||
sidebar:
|
||||
- title: "A wild ?????? has appeared!"
|
||||
image: https://loremflickr.com/450/400
|
||||
image: https://placekittens.com/450/400
|
||||
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."
|
||||
---
|
||||
|
||||
@@ -3,7 +3,7 @@ title: "Sample Proposal"
|
||||
excerpt: "A sample proposal targeted towards a university."
|
||||
sidebar:
|
||||
- title: "A wild ?????? has appeared!"
|
||||
image: https://loremflickr.com/450/400
|
||||
image: https://placekittens.com/450/400
|
||||
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."
|
||||
---
|
||||
|
||||
@@ -7,4 +7,4 @@ permalink: /404.html
|
||||
|
||||
The page you were trying to view does not exist. Enjoy a kitten.
|
||||
|
||||

|
||||

|
||||
8
_pages/uh323.md
Normal file
@@ -0,0 +1,8 @@
|
||||
---
|
||||
title: UH323 Portfolio
|
||||
layout: collection
|
||||
permalink: /uh323/
|
||||
collection: uh323
|
||||
entries_layout: grid
|
||||
classes: wide
|
||||
---
|
||||
@@ -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!
|
||||
|
||||

|
||||

|
||||
@@ -3,7 +3,7 @@ title: "Local Media Server"
|
||||
excerpt: "How to listen to a music library on a low-storage device"
|
||||
sidebar:
|
||||
- title: "Software Kitten"
|
||||
image: https://loremflickr.com/200/600
|
||||
image: https://placekittens.com/200/600
|
||||
image_alt: "placeholder image"
|
||||
text: "This is a virtual kitten. Please enjoy."
|
||||
---
|
||||
|
||||
@@ -3,7 +3,7 @@ title: "Accordion"
|
||||
excerpt: "My first book!."
|
||||
sidebar:
|
||||
- title: "A wild ?????? has appeared!"
|
||||
image: https://loremflickr.com/450/250
|
||||
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:
|
||||
|
||||
@@ -3,7 +3,7 @@ title: "Flutter"
|
||||
excerpt: "My second book!."
|
||||
sidebar:
|
||||
- title: "A wild ?????? has appeared!"
|
||||
image: https://loremflickr.com/450/350
|
||||
image: https://placekittens.com/450/350
|
||||
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:
|
||||
|
||||
@@ -3,7 +3,7 @@ title: "Stab"
|
||||
excerpt: "My third through seventh books!."
|
||||
sidebar:
|
||||
- title: "A wild ?????? has appeared!"
|
||||
image: https://loremflickr.com/450/400
|
||||
image: https://placekittens.com/450/400
|
||||
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:
|
||||
|
||||
@@ -3,7 +3,7 @@ title: "Coptic"
|
||||
excerpt: "My ninth book!."
|
||||
sidebar:
|
||||
- title: "A wild ?????? has appeared!"
|
||||
image: https://loremflickr.com/150/400
|
||||
image: https://placekittens.com/150/400
|
||||
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:
|
||||
|
||||
@@ -3,7 +3,7 @@ title: "Etheopian"
|
||||
excerpt: "My tenth book!."
|
||||
sidebar:
|
||||
- title: "A wild ?????? has appeared!"
|
||||
image: https://loremflickr.com/150/400
|
||||
image: https://placekittens.com/150/400
|
||||
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:
|
||||
|
||||
@@ -3,7 +3,7 @@ title: "French Link Stitch"
|
||||
excerpt: "My eleventh book!."
|
||||
sidebar:
|
||||
- title: "A wild ?????? has appeared!"
|
||||
image: https://loremflickr.com/150/400
|
||||
image: https://placekittens.com/150/400
|
||||
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:
|
||||
|
||||
56
_uh323/2025-02-04-late-fragment.md
Normal 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.
|
||||
52
_uh323/2025-02-26-life-in-music.md
Normal 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)
|
||||
40
_uh323/2025-03-26-drum-leaf.md
Normal 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" %}
|
||||
37
_uh323/2025-04-16-altered.md
Normal 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.
|
||||
19
_uh323/2025-04-30-artist-statement.md
Normal 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.
|
||||
40
_uh323/2025-04-30-flipbook.md
Normal 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.
|
||||
|
||||

|
||||
|
||||
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:
|
||||
|
||||

|
||||
BIN
assets/uh323/altered/1.jpg
Normal file
|
After Width: | Height: | Size: 2.5 MiB |
BIN
assets/uh323/altered/2.jpg
Normal file
|
After Width: | Height: | Size: 3.0 MiB |
BIN
assets/uh323/altered/front.jpg
Normal file
|
After Width: | Height: | Size: 2.5 MiB |
BIN
assets/uh323/drum/1.jpg
Normal file
|
After Width: | Height: | Size: 2.7 MiB |
BIN
assets/uh323/drum/2.jpg
Normal file
|
After Width: | Height: | Size: 2.7 MiB |
BIN
assets/uh323/drum/3.jpg
Normal file
|
After Width: | Height: | Size: 2.7 MiB |
BIN
assets/uh323/drum/back.jpg
Normal file
|
After Width: | Height: | Size: 2.6 MiB |
BIN
assets/uh323/drum/front.jpg
Normal file
|
After Width: | Height: | Size: 2.8 MiB |
BIN
assets/uh323/flag/1.jpg
Normal file
|
After Width: | Height: | Size: 3.1 MiB |
BIN
assets/uh323/flag/2.jpg
Normal file
|
After Width: | Height: | Size: 3.3 MiB |
BIN
assets/uh323/flag/3.jpg
Normal file
|
After Width: | Height: | Size: 2.9 MiB |
BIN
assets/uh323/flag/4.jpg
Normal file
|
After Width: | Height: | Size: 3.4 MiB |
BIN
assets/uh323/flag/5.jpg
Normal file
|
After Width: | Height: | Size: 3.3 MiB |
BIN
assets/uh323/flag/6.jpg
Normal file
|
After Width: | Height: | Size: 2.5 MiB |
BIN
assets/uh323/flag/7.jpg
Normal file
|
After Width: | Height: | Size: 2.7 MiB |
BIN
assets/uh323/flipbook/6.png
Normal file
|
After Width: | Height: | Size: 1.2 MiB |
BIN
assets/uh323/flipbook/flipbook.mp4
Normal file
BIN
assets/uh323/late-fragment/8_cover.jpg
Normal file
|
After Width: | Height: | Size: 69 KiB |
BIN
assets/uh323/late-fragment/8_full.jpg
Normal file
|
After Width: | Height: | Size: 355 KiB |
BIN
assets/uh323/late-fragment/8_page_1.jpg
Normal file
|
After Width: | Height: | Size: 118 KiB |
BIN
assets/uh323/late-fragment/8_page_2.jpg
Normal file
|
After Width: | Height: | Size: 205 KiB |
BIN
assets/uh323/late-fragment/accordion_back.jpg
Normal file
|
After Width: | Height: | Size: 167 KiB |
BIN
assets/uh323/late-fragment/accordion_stand.jpg
Normal file
|
After Width: | Height: | Size: 217 KiB |
BIN
assets/uh323/late-fragment/accordion_text.jpg
Normal file
|
After Width: | Height: | Size: 236 KiB |
BIN
assets/uh323/late-fragment/flag_back.jpg
Normal file
|
After Width: | Height: | Size: 226 KiB |
BIN
assets/uh323/late-fragment/flag_back_2pagge.jpg
Normal file
|
After Width: | Height: | Size: 465 KiB |
BIN
assets/uh323/late-fragment/flag_front.jpg
Normal file
|
After Width: | Height: | Size: 248 KiB |
BIN
assets/uh323/late-fragment/flag_front_2page.jpg
Normal file
|
After Width: | Height: | Size: 672 KiB |