commit 229411321d987fcd8a7bbd477f839dff2a7d878b
parent d5bb0b591dfcc56bf40132e49c79c97917bba5e1
Author: corndog <cauchyn@firemail.cc>
Date: Wed, 26 Sep 2018 22:18:44 -0700
Add about me page
* Youtube video embed toggling in <li>
* Video thumbnail on toggle button hover
* Use youtube-embed.py external processor
Diffstat:
5 files changed, 159 insertions(+), 6 deletions(-)
diff --git a/config b/config
@@ -6,12 +6,14 @@ URL = https://grgr.me/
*.md:
config
- ext .html
- markdown
+ inner-template
+ external pandoc --to html
+ external python3 youtube-embed.py
template page
+ ext .html
index.html:
config
inner-template
- markdown
+ external pandoc --to html
template page
diff --git a/in/index.html b/in/index.html
@@ -11,6 +11,11 @@ throw short links on my CV. Namely,
{{ .Other.Description }}
</li>
{{ end }}
+{{ range .Site.Pages.WithTag "prose" }}
+ <li><a href="{{ $.Rel .Url }}">{{ .Title }}</a><br>
+ {{ .Other.Description }}
+ </li>
+{{ end }}
</ul>
Other links of note include
diff --git a/in/me/index.md b/in/me/index.md
@@ -0,0 +1,105 @@
+title: about me
+tags: prose
+description: Some things I like.
+----
+
+<script>
+ function toggleYT(id) {
+ const url = "https://www.youtube.com/embed/" + id;
+ const iframe = document.createElement('iframe');
+ iframe.setAttribute("src", `${url}`);
+ iframe.setAttribute("allow", "fullscreen");
+ const div = document.getElementById(id);
+ if (!div.hasChildNodes()) {
+ div.appendChild(iframe);
+ div.style.paddingBottom = "56.25%";
+ } else {
+ div.removeChild(div.lastChild);
+ div.style.paddingBottom = "0";
+ }
+ }
+</script>
+
+# Just a few of my favorite things
+
+<small>*Last modified: {{ .ModTime.Format "Jan 02 2006" }}*</small>
+
+I first read of a view on identity in maybe 2010 or 2011 that claimed people are the
+collection of their answers to *"I love..."*[^0]. I kept a short list of links to refer to
+when prompted about my interests in interviews or other places and I thought it easier to
+keep them on one page I can access on the www.
+
+I believe this will be a useful (and historically interesting) exercise and intend to collect more links here that
+I would lose track of otherwise. This list is non-exhaustive and I have added comments
+where appropriate.
+
+## Fighting Games
+
+- [Rare footage of Daigo actually angry (Moment
+ #37)](https://www.youtube.com/watch?v=JzS96auqau0)
+- [Pro tip #7](https://www.youtube.com/watch?v=sa-3_9cIhs8)
+- [Master Cup 9 Finals](https://www.youtube.com/watch?v=Z9mQ4rffNI8)
+ * Not bite-sized. Finals of a one day event with 200 5-person teams.
+
+Tired of losing to my cousin, I learned to play fighting games properly in 2008.
+I stumbled upon Moment #37 and I was hooked. A recurring motto at the time was "stay
+hungry", meant figuratively and sometimes literally. "Cheap" and "stupid" were compliments
+— what's stopping you from doing what the other player is? When you run into
+a problem, it is up to you to *break it down and figure it out*.
+
+[To this day](https://www.youtube.com/watch?v=-1T1Y1ZAdDI) personal development remains a focus in the community.
+
+## Magic
+
+- [Shin Lim's Dream Act](https://www.youtube.com/watch?v=EAN-PwRfJcA)
+- [Brent Braun's Card At Any Number](https://www.youtube.com/watch?v=J7Cg1TStD6s)
+
+Summer 2017 I was introduced to Fool Us and Shin Lim was the first result on Youtube.
+I just had to know how it was possible and started practicing that September. As I watched
+other great performers and learned more, I realized good magic is like good software, it's
+what we can provide for other people.
+
+## Starcraft
+
+- [Flash vs Mind](https://www.youtube.com/watch?v=J6R7maYAAKk)
+ * Mastery is doing only what is enough.
+- [God of the
+ Battlefield](http://www.teamliquid.net/forum/final-edits/226236-god-of-the-battlefield-part-1)
+- [HiyA: A True Hollywood Fishiking
+ Story](http://www.teamliquid.net/forum/brood-war/290265-hiya-a-true-hollywood-fishiking-story)
+
+Brood War (Korean players just say Starcraft 1) was the original eSport and in my eyes the
+greatest. A younger me lost plenty of sleep catching the matches on live TV. Turning up to
+the [MSL 2010 viewing party in Joe's
+Pizza](http://www.teamliquid.net/forum/tl-community/126051-party-socal-msl-finals-joes-pizza)
+will remain a treasured memory.
+
+## 氷菓 Hyouka
+
+- [Notes on Hyouka as an Exploration of Detective Fiction: A Database Post](http://archive.is/RQxCZ)
+ * Archive link due to security issues on the [original URL](http://altairandvega.net/2012/07/05/notes-on-hyouka-as-an-exploration-of-detective-fiction-a-database-post/).
+- [A hastily erected-shrine to historiography in
+Hyouka](https://superfanicombsx.wordpress.com/2012/06/28/a-hastily-erected-shrine-to-historiography-in-hyouka/)
+
+The screenplay I wish I wrote. Encompasses my favorite qualities in a body of work: not
+cloying, but grounded and introspective. A story about youth disguised as detective
+fiction, at one point the cast, members of the classical literature club, attempt to
+complete a mystery film. The series generated great content and discussion on not *just*
+interpreting narrative, but also how to watch animation and how to read (esp. mystery).
+
+Above, I have collected some examples of the discourse. As the years went by, others have
+added on and I hope to eventually gather them on separate page with my own contributions.
+I have noticed, [so
+often](https://throughthepainting.wordpress.com/2016/09/15/a-chinese-hyouka-advertisement/)
+[when
+others](http://www.crunchyroll.com/anime-feature/2018/06/18-1/kyoto-animations-masterpiece-has-arrived-on-crunchyroll)
+[speak of](http://lostinanime.com/2012/09/hyouka-22-end-and-series-review/) [this
+show](https://www.bateszi.me/2012/09/30/a-distant-light-hyouka/), in the same breath that
+they praise its achievements there's the sense of acknowledgement Hyouka was something
+unusually remarkable. I would like to do my part as well.
+
+<br>
+
+This was very indulgent. I hope you found something interesting.
+
+[^0]: I've unsuccessfully searched for the piece that I undoubtedly read online (perhaps a blog post or a possibily translated interview) with search engines. I may one day dig into old drives and see if I saved it locally with Evernote. This is a reminder of uncertain digital destiny.
diff --git a/in/robots.txt b/in/robots.txt
@@ -2,6 +2,7 @@ User-agent: *
Disallow: /index.html
Disallow: /V6eHU.txt
Disallow: /galois
+Disallow: /me
Disallow: /sits
Disallow: /static
Disallow: /*
diff --git a/in/static/style.css b/in/static/style.css
@@ -1,19 +1,59 @@
/* Implying I do front-end */
body {
- font-size: 19px;
+ font-size: 20px;
margin: 0 auto;
max-width: 65ch;
word-wrap: break-word;
}
+button {
+ border: none;
+ margin-left: -2px;
+ margin-right: -2px;
+}
+
+button:hover {
+ background-color: #d6d6d6;
+}
+
h1 {
font-size: 1.05em;
font-weight: normal;
- letter-spacing: .1ch;
+ letter-spacing: 0.1ch;
}
h2 {
font-size: 1.025em;
- letter-spacing: .05ch;
+ letter-spacing: 0.05ch;
+}
+
+iframe {
+ border: 0;
+ height: 100%;
+ position: absolute;
+ width: 100%;
+}
+
+/*
+ * Embed
+ */
+
+.embed {
+ position: relative;
+}
+
+img.embed {
+ display: none;
+ right: 102%;
+ position: absolute;
+ z-index: 1;
+}
+
+img.embed.left {
+ left: 103%;
+}
+
+button:hover > img.embed {
+ display: block;
}
