Create a day at the beach documentation page

and update blog page index styling
elizabethengelman · Oct 18, 2023 · 0de7d7e · 0de7d7e
1 parent f0dc1cf
commit 0de7d7e
Show file tree

Hide file tree

Showing 20 changed files with 172 additions and 49 deletions.
diff --git a/_includes/single-blog-post-on-index.html b/_includes/single-blog-post-on-index.html
@@ -0,0 +1,56 @@
+<!-- <div class="{{ include.type | default: 'list' }}__item">
+  <article
+    class="archive__item"
+    itemscope
+    itemtype="https://schema.org/CreativeWork"
+  >
+    {% if include.type == "grid" and teaser %}
+    <div class="archive__item-teaser">
+      <img src="{{ teaser | relative_url }}" alt="" />
+    </div>
+    {% endif %}
+    <h2 class="archive__item-title no_toc" itemprop="headline">
+      <a href="{{ post.url | relative_url }}" rel="permalink"
+        >{{ post.title }}</a
+      >
+    </h2>
+    {% include page__meta.html type=include.type %} {% if post.excerpt %}
+    <p class="archive__item-excerpt" itemprop="description">
+      {{ post.excerpt | markdownify | strip_html | truncate: 160 }}
+    </p>
+    {% endif %}
+    <div class="post-date">{{post.date | date: "%B %e, %Y" }}</div>
+  </article>
+</div> -->
+
+
+{% if post.header.teaser %}
+  {% capture teaser %}{{ post.header.teaser }}{% endcapture %}
+{% else %}
+  {% assign teaser = site.teaser %}
+{% endif %}
+
+{% if post.id %}
+  {% assign title = post.title | markdownify | remove: "<p>" | remove: "</p>" %}
+{% else %}
+  {% assign title = post.title %}
+{% endif %}
+
+<div class="{{ include.type | default: 'list' }}__item">
+  <article class="archive__item" itemscope itemtype="https://schema.org/CreativeWork">
+    {% if include.type == "grid" and teaser %}
+      <div class="archive__item-teaser">
+        <img src="{{ teaser | relative_url }}" alt="">
+      </div>
+    {% endif %}
+    <h2 class="archive__item-title no_toc" itemprop="headline">
+      {% if post.link %}
+        <a href="{{ post.link }}">{{ title }}</a> <a href="{{ post.url | relative_url }}" rel="permalink"><i class="fas fa-link" aria-hidden="true" title="permalink"></i><span class="sr-only">Permalink</span></a>
+      {% else %}
+        <a href="{{ post.url | relative_url }}" rel="permalink">{{ title }}</a>
+      {% endif %}
+    </h2>
+    {% include page__meta.html type=include.type %}
+    {% if post.excerpt %}<p class="archive__item-excerpt" itemprop="description">{{ post.excerpt | markdownify | strip_html | truncate: 160 }}</p>{% endif %}
+  </article>
+</div>
diff --git a/_layouts/custom-blog-post.html b/_layouts/custom-blog-post.html
@@ -5,7 +5,12 @@
 <link
   rel="stylesheet"
   type="text/css"
-  href="/assets/blog-post-assets/blog-post.css"
+  href="/assets/css/blog-post.css"
+/>
+<link
+  rel="stylesheet"
+  type="text/css"
+  href="/assets/css/blog-style.css"
 />
 
 <div id="main" role="main">
@@ -18,11 +23,11 @@ <h1>{{ page.title }}</h1>
     <section class="page__content" itemprop="text">{{ content }}</section>
   </article>
 
-  {% if page.original-post-link %}
+  {% if page.original_post_link %}
   <div>
     Originally published here:
-    <a href="{{ page.original-post-link}}" target="_blank"
-      >{{ page.original-post-link }}</a
+    <a href="{{ page.original_post_link}}" target="_blank"
+      >{{ page.original_post_link }}</a
     >
   </div>
   {% endif %}

diff --git a/_pages/a-day-at-the-beach-documentation.md b/_pages/a-day-at-the-beach-documentation.md
@@ -0,0 +1,31 @@
+---
+layout: splash
+permalink: /blog-posts/a-day-at-the-beach
+title: A Day at the Beach Documentation
+---
+
+<link
+  rel="stylesheet"
+  type="text/css"
+  href="/assets/css/blog-posts.css"
+/>
+<link
+  rel="stylesheet"
+  type="text/css"
+  href="/assets/css/blog-style.css"
+/>
+
+<h1 id="page-title">{{page.title}}</h1>
+
+{% assign category = 'A Day at the Beach'%}
+
+<section id="{{ category | slugify | downcase }}" class="taxonomy__section">
+<div>
+{% for post in site.posts %}
+{% if post.categories contains 'A Day at the Beach' %}
+{% include single-blog-post-on-index.html type=list %}
+{% endif %}
+{% endfor %}
+</div>
+<a href="#page-title" class="back-to-top">{{ site.data.ui-text[site.locale].back_to_top | default: 'Back to Top' }} &uarr;</a>
+</section>
diff --git a/_pages/blog-posts.md b/_pages/blog-posts.md
@@ -3,6 +3,17 @@ layout: splash
 permalink: /blog-posts
 ---
 
+<link
+  rel="stylesheet"
+  type="text/css"
+  href="/assets/css/blog-posts.css"
+/>
+<link
+  rel="stylesheet"
+  type="text/css"
+  href="/assets/css/blog-style.css"
+/>
+
 <div class="posts">
   {% for post in site.posts %}
     <article class="post">    
@@ -11,7 +22,8 @@ permalink: /blog-posts
           {{post.title}}
         </a>
       </h1>
-      <div>{{post.date}}</div>
+      <!-- <div class="post-categories">{{post.categories | join: ", "}}</div> -->
+      <div class="post-date">{{post.date | date: "%B %e, %Y" }}</div>
     </article>
 
 {% endfor %}

diff --git a/_posts/2022-10-19-daily-practice-day-1.md b/_posts/2022-10-19-daily-practice-day-1.md
@@ -2,9 +2,10 @@
 title: "Daily Practice – Day 1 (2022-10-19)"
 date: 2022-10-19
 categories:
-  - Sunscreen
+  - A Day at the Beach
 layout: custom-blog-post
-original-post-link: https://itp.nyu.edu/lowres/critex-monika/2022/10/20/daily-practice-day-1-3/
+original_post_link: https://itp.nyu.edu/lowres/critex-monika/2022/10/20/daily-practice-day-1-3/
+show_date: true
 ---
 
 I’ve recently decided to re-dedicate myself to a skincare routine, and as part of that research I found myself in a rabbit hole learning about sunscreen. As an avid sunscreen user, I was surprised to realize how little I know about how sunscreen. For this project, I’m planning to focus on sunscreen in general, and am aiming to find a critical view point as I continue my research. One thought to focus on is to investigate the different rating systems that are used to measure the ability of the sunscreen to block UVA rays. In the US, we generally just see SPF ratings on our sunscreen, which I believe is only measuring how effective the sunscreen is at blocking UVB rays, without any mention of UVA rays explicitly.
@@ -15,5 +16,3 @@ For my first day of making I drew some diagrams while I read an article about ho
 <img src="/assets/blog-post-assets/daily-practice-1-2.png">
 
 Source: <a href="https://theconversation.com/explainer-how-does-sunscreen-work-what-is-spf-and-can-i-still-tan-with-it-on-88869">https://theconversation.com/explainer-how-does-sunscreen-work-what-is-spf-and-can-i-still-tan-with-it-on-88869</a>
-
-
diff --git a/_posts/2022-10-20-daily-practice-day-2.md b/_posts/2022-10-20-daily-practice-day-2.md
@@ -2,9 +2,10 @@
 title: "Daily Practice – Day 2 (2022-10-20)"
 date: 2022-10-20
 categories:
-  - Sunscreen
+  - A Day at the Beach
 layout: custom-blog-post
-original-post-link: https://itp.nyu.edu/lowres/critex-monika/2022/10/21/daily-practice-day-2-2/
+original_post_link: https://itp.nyu.edu/lowres/critex-monika/2022/10/21/daily-practice-day-2-2/
+show_date: true
 ---
 
 Today I began reading a journal article, [Sunscreens and Photoaging: A Review of Current Literatures](https://link.springer.com/article/10.1007/s40257-021-00632-5), which touched a bit on the different wave lengths of light on the Electromagnetic Spectrum. I realized a few connections that this topic has to previous interested of mine in the past, which is kind of cool – it’s seem there is an underlying theme that I hadn’t realized.

diff --git a/_posts/2022-10-21-daily-practice-day-3.md b/_posts/2022-10-21-daily-practice-day-3.md
@@ -2,9 +2,11 @@
 title: "Daily Practice – Day 3 (2022-10-21)"
 date: 2022-10-21
 categories:
-  - Sunscreen
+  - A Day at the Beach
 layout: custom-blog-post
-original-post-link: https://itp.nyu.edu/lowres/critex-monika/2022/10/22/daily-practice-day-3-2/
+original_post_link: https://itp.nyu.edu/lowres/critex-monika/2022/10/22/daily-practice-day-3-2/
+show_date: true
+excerpt: Includes a system map diagram.
 ---
 
 ![](/assets/blog-post-assets/daily-practice-3.png)

diff --git a/_posts/2022-10-22-daily-practice-day-4.md b/_posts/2022-10-22-daily-practice-day-4.md
@@ -2,9 +2,10 @@
 title: "Daily Practice – Day 4 (2022-10-22)"
 date: 2022-10-22
 categories:
-  - Sunscreen
+  - A Day at the Beach
 layout: custom-blog-post
-original-post-link: https://itp.nyu.edu/lowres/critex-monika/2022/10/22/daily-practice-day-4-2/
+original_post_link: https://itp.nyu.edu/lowres/critex-monika/2022/10/22/daily-practice-day-4-2/
+show_date: true
 ---
 
 For today’s daily practice, I wanted to push myself to do something less digital. Something that has always perplexed and frustrated me about sunscreen is how imperfect it is. I have a family history of skin cancer, and have struggled with skin damage myself. It’s discouraging to drench myself in sunscreen and still get burned, so I was playing with that idea. In the last painting, I’m poking fun at that a bit by envisioning that the whole world of the character is covered in sunscreen, and they still get burned. How do we enjoy the outdoors without risking our health?

diff --git a/_posts/2022-10-23-daily-practice-day-5.md b/_posts/2022-10-23-daily-practice-day-5.md
@@ -2,9 +2,10 @@
 title: "Daily Practice – Day 5 (2022-10-23)"
 date: 2022-10-23
 categories:
-  - Sunscreen
+  - A Day at the Beach
 layout: custom-blog-post
-original-post-link: https://itp.nyu.edu/lowres/critex-monika/2022/10/23/daily-practice-day-5-2022-10-23/
+original_post_link: https://itp.nyu.edu/lowres/critex-monika/2022/10/23/daily-practice-day-5-2022-10-23/
+show_date: true
 ---
 As I finished reading Sunscreens and Photoaging: A Review of Current Literature, I was struct by how much jargon there is in not only this article, but also a lot of articles discussing skincare in general. It makes the decisions we make about what sunscreen is best for us, and the environment extremely difficult. This word cloud is representative of an idea to display all of the jargon, scientific and chemical words that a consumer has to wade through while making this choice. For this representation, I parsed the words from Sunscreens and Photoaging and spent a bit of time deciding a set of words to not include in the image – mostly removing common words that were not specific to sunscreen research. This process itself was pretty interesting. From the perspective of data integrity, this feels like cheating – I was manipulating the data which changed the outcome of the representation which leads into some questions I had with project 1 regarding scientific accuracy within art projects. Maybe this is okay, if the intention and process is clear to the audience?
 

diff --git a/_posts/2022-10-24-daily-practice-day-6.md b/_posts/2022-10-24-daily-practice-day-6.md
@@ -2,9 +2,11 @@
 title: "Daily Practice – Day 6 (2022-10-24)"
 date: 2022-10-24
 categories:
-  - Sunscreen
+  - A Day at the Beach
 layout: custom-blog-post
-original-post-link: https://itp.nyu.edu/lowres/critex-monika/2022/10/25/daily-practice-day-6-3/
+original_post_link: https://itp.nyu.edu/lowres/critex-monika/2022/10/25/daily-practice-day-6-3/
+show_date: true
+excerpt: This post includes an animated graph is based on Critical Wavelength and Broad-Spectrum UV Protection.
 ---
 
 ![](/assets/blog-post-assets/daily-practice-6.gif)

diff --git a/_posts/2022-11-1-janky-prototypes.md b/_posts/2022-11-1-janky-prototypes.md
@@ -2,9 +2,11 @@
 title: "Janky Prototypes"
 date: 2022-11-1
 categories:
-  - Sunscreen
+  - A Day at the Beach
 layout: custom-blog-post
-original-post-link: https://itp.nyu.edu/lowres/critex-monika/2022/11/01/janky-prototypes-4/
+original_post_link: https://itp.nyu.edu/lowres/critex-monika/2022/11/01/janky-prototypes-4/
+show_date: true
+excerpt: This post includes several photographs of "janky prototypes".
 ---
 
 ## Sketch From Class:

diff --git a/_posts/2022-11-1-systems-maps.md b/_posts/2022-11-1-systems-maps.md
@@ -2,9 +2,10 @@
 title: "Systems Maps"
 date: 2022-11-1
 categories:
-  - Sunscreen
+  - A Day at the Beach
 layout: custom-blog-post
-original-post-link: https://itp.nyu.edu/lowres/critex-monika/2022/11/01/systems-maps/
+original_post_link: https://itp.nyu.edu/lowres/critex-monika/2022/11/01/systems-maps/
+show_date: true
 ---
 
 I am going to focus my project on sunscreen, and am still working on figuring out a specific point of view. I have a few ideas swirling around, but haven’t yet landed on how to take a critical approach to any of them. 

diff --git a/_posts/2022-11-28-development-research.md b/_posts/2022-11-28-development-research.md
@@ -2,14 +2,15 @@
 title: "Sunscreen Project Development: Research"
 date: 2022-11-28
 categories:
-  - Sunscreen
+  - A Day at the Beach
 layout: custom-blog-post
-original-post-link: https://itp.nyu.edu/lowres/critex-monika/2022/11/28/project-2-development-research/ 
-
+original_post_link: https://itp.nyu.edu/lowres/critex-monika/2022/11/28/project-2-development-research/
+show_date: true
+excerpt: This post includes several figma board screenshots that were used to collect research notes.
 ---
 
 History: [https://www.figma.com/file/Q8oOySe6E69UJ3JP1gfYXJ/Research%3A-History?node-id=0%3A1&t=zUWdersAJCEpAbmj-1](https://www.figma.com/file/Q8oOySe6E69UJ3JP1gfYXJ/Research%3A-History?node-id=0%3A1&t=zUWdersAJCEpAbmj-1)
 ![](/assets/blog-post-assets/research-1.jpeg)
 
 Colonialism: [https://www.figma.com/file/iTjlV7wYu24j5pnSF1Hvl1/Research%3A-colonialism%2C-people-of-color?node-id=0%3A1&t=dUZLHXRihMKKpZ9K-1](https://www.figma.com/file/iTjlV7wYu24j5pnSF1Hvl1/Research%3A-colonialism%2C-people-of-color?node-id=0%3A1&t=dUZLHXRihMKKpZ9K-1)
-![](/assets/blog-post-assets/research-2.jpeg)
+![](/assets/blog-post-assets/research-2.jpeg)
diff --git a/_posts/2022-11-28-development-wireframes.md b/_posts/2022-11-28-development-wireframes.md
@@ -2,9 +2,11 @@
 title: "Sunscreen Project Development: Storyboard / wireframes / ideas"
 date: 2022-11-28
 categories:
-  - Sunscreen
+  - A Day at the Beach
 layout: custom-blog-post
-original-post-link: https://itp.nyu.edu/lowres/critex-monika/2022/11/28/project-2-development-storyboard-wireframes/
+original_post_link: https://itp.nyu.edu/lowres/critex-monika/2022/11/28/project-2-development-storyboard-wireframes/
+show_date: true
+excerpt: This post includes several figma board screenshots from wire frame and storyboard development.
 ---
 
 ![](/assets/blog-post-assets/development-storyboard-1.png)

diff --git a/_posts/2022-11-28-sunscreen-final-presentation.md b/_posts/2022-11-28-sunscreen-final-presentation.md
@@ -2,9 +2,11 @@
 title: "Sunscreen: Final Presentation"
 date: 2022-11-28
 categories:
-  - Sunscreen
+  - A Day at the Beach
 layout: custom-blog-post
-original-post-link: https://itp.nyu.edu/lowres/critex-monika/2022/11/28/project-2-final-presentation/
+original_post_link: https://itp.nyu.edu/lowres/critex-monika/2022/11/28/project-2-final-presentation/
+show_date: true
+excerpt: This post was used as an informal visual for the final presentation in my Critical Experiences class.
 ---
 
 Final Website: [https://sunscreen-project.glitch.me/](https://sunscreen-project.glitch.me/)

diff --git a/_posts/2022-11-29-development-practices.md b/_posts/2022-11-29-development-practices.md
@@ -2,9 +2,10 @@
 title: "Sunscreen Project: Various Development Practices"
 date: 2022-11-29
 categories:
-  - Sunscreen
+  - A Day at the Beach
 layout: custom-blog-post
-original-post-link: https://itp.nyu.edu/lowres/critex-monika/2022/11/29/project-2-various-development-practices/
+original_post_link: https://itp.nyu.edu/lowres/critex-monika/2022/11/29/project-2-various-development-practices/
+show_date: true
 ---
 
 ## Ideas from in-class workshops