refactor CV yaml

_cv_entries/1_phd.md

@@ -6,8 +6,10 @@ location: Imperial College London
 subtitle: "The one-dimensional Long-Range Falikov-Kimball Model"
 permalink: /CV/PhD
 
-image: /assets/images/koala_logo.svg
-alt: "A colourful scientific figure from my work."
+img:
+    src: /assets/images/koala_logo.svg
+    alt: "A colourful scientific figure from my work."
+    class: invertable
 
 layout: cv_entry
 read_more: true

_cv_entries/2_msc.md

@@ -6,8 +6,10 @@ location: Trinity College, Cambridge
 subtitle: "Imaging Magnetic Phenomena with Scanning Diamond Magnetometry"
 permalink: /CV/MSc
 
-image: /assets/images/vector_magnet_angle_view.png
-alt: "A render of vector magnet that I designed in a CAD program."
+img:
+    src: /assets/projects/vector_magnet/vector_magnet.svg
+    alt: A line drawn CAD model of vector magnet.
+    class: invertable
 
 # image_markup: <model-viewer style="height:250px;" src="/assets/blog/vector_magnet/vector_magnet.glb" ar ar-modes="webxr scene-viewer quick-look" camera-controls poster="/assets/blog/vector_magnet/vector_magnet.png" shadow-intensity="1" environment-image="/assets/blog/vector_magnet/aircraft_workshop_01_1k.hdr" camera-orbit="-169.8deg 78.57deg 0.8881m" field-of-view="32.55deg" interaction-prompt="none" auto-rotate> </model-viewer>
 

_cv_entries/3_cern.md

@@ -5,8 +5,9 @@ period: 2018
 location: Trinity College, Cambridge
 permalink: /CV/CERN
 
-image: /assets/images/CERN_probes.png
-alt: "Some electrical probes on a silicon wafer."
+img: 
+    src: /assets/cv/CERN_probes_small.png
+    alt: Some electrical probes on a silicon wafer.
 
 layout: cv_entry
 read_more: true

_cv_entries/4_undergrad.md

@@ -5,9 +5,6 @@ period: 2014 – 2017
 location: Trinity College, Cambridge
 subtitle: My Undergraduate Degree
 permalink: /CV/Undergrad
-
-image:
-alt: 
 layout: cv_entry
 read_more: false
 ---

_cv_entries/collective_misbehaviour.md

@@ -5,8 +5,9 @@ period: 2018 - 2021
 location: Imperial College London
 subtitle: An interactive web based poetry collaboration.
 
-image: /assets/images/collective_logo.png
-alt: A logo for the project composed of overlapping circles. 
+img: 
+    src: /assets/images/collective_logo.png
+    alt: A logo for the project composed of overlapping circles. 
 
 layout: cv_entry
 ---

_cv_entries/creativity_sandpit.md

@@ -3,10 +3,10 @@ type: competition
 title: Creativity Sandpit
 period: 2020
 location: The Collective + Imperial
-subtitle:
 
-image: /assets/images/sandpit.jpeg
-alt: A photo of me setting up a rube goldberg machine as part of the event.
+img:
+    src: /assets/images/sandpit.jpeg
+    alt: A photo of me setting up a rube goldberg machine as part of the event.
 
 layout: cv_entry
 read_more: false

_cv_entries/datathon.md

@@ -5,8 +5,9 @@ period: 2021
 location: Imperial College London
 subtitle:
 
-image: /assets/images/datathon.jpeg
-alt: The gather.town room where the competition was held.
+img:
+    src: /assets/images/datathon.jpeg
+    alt: The gather.town room where the competition was held.
 
 layout: cv_entry
 ---

_cv_entries/ecmwf.md

@@ -6,8 +6,9 @@ location: Reading, UK
 subtitle: Research Software Engineer for IoT Observations
 permalink: /CV/ECMWF
 
-image: /assets/images/ecmwf_just_logo.svg
-alt: "ECMWF's logo, it looks like a stylised O joined to a C... or maybe a G joined to a C."
+img: 
+    src: /assets/images/ecmwf_just_logo.svg
+    alt: ECMWF's logo, it looks like a stylised O joined to a C... or maybe a G joined to a C.
 
 layout: cv_entry
 read_more: false

_cv_entries/fizzpop.md

@@ -3,10 +3,10 @@ type: side_project
 title: FizzPOP Makerspace Director
 period: 2012 – 2014
 location: Birmingham
-subtitle:
 
-image: /assets/images/fizzpop_logo.gif
-alt: The animated logo of fizzpop with a little spinner attached to the f
+img:
+    src: /assets/images/fizzpop_logo.gif
+    alt: The animated logo of fizzpop with a little spinner attached to the letter f
 
 layout: cv_entry
 ---

_cv_entries/makeathon.md

@@ -3,10 +3,10 @@ type: competition
 title: MSF Makeathon
 period: 2021
 location: Imperial College Friends of Médecins Sans Frontières
-subtitle:
 
-image: /assets/images/makeathon/test_piece.jpg
-alt: The gather.town room where the competition was held.
+img:
+    src: /assets/images/makeathon/test_piece.jpg
+    alt: The gather.town room where the competition was held.
 
 layout: cv_entry
 read_more: true

_cv_entries/pyproblems.md

@@ -5,8 +5,9 @@ period: 2022
 location: Imperial College London
 excerpt: A series of scientific coding exercises on General Relativity.
 
-image: /assets/blog/rendering_general_relativity/thumbnail.gif
-alt: A spinning image of the earth but distorted as if it were a black hole.
+img:
+    src: /assets/blog/rendering_general_relativity/thumbnail.gif
+    alt: A spinning image of the earth but distorted as if it were a black hole.
 
 layout: post
 read_more: true

_projects/vector_magnet.md

@@ -0,0 +1,12 @@
+---
+title:  Vector Magnet
+layout: post
+excerpt: Make your magnetic fields all 3D like.
+permalink: /projects/vector_magnet
+
+img:
+    src: /assets/projects/vector_magnet/vector_magnet.svg
+    alt: A line drawn CAD model of vector magnet.
+    class: invertable
+---
+

_sass/cv.scss

@@ -98,10 +98,10 @@ div.cv-title-container a {
     border-style: solid;
     border-radius: 5px;
     border-width: 1px;
-    border-color: white;
+    border-color: transparent;
     offset: None;
 
-    background-color: white;
+    background-color: transparent;
     font-size: 1em;
 }
 

_sass/nav.scss

@@ -7,6 +7,12 @@ nav {
     color: darkslategray;
   }
 
+@media (prefers-color-scheme: dark) {
+    .current {
+        color: lightslategray;
+    }
+}
+
 @media 
     only screen and (max-width: $horizontal_breakpoint),
     only screen and (max-height: $vertical_breakpoint)

cv.html

@@ -15,14 +15,6 @@ or have a look at my <a href="/blog">blog</a>. Click any item for a little more
     </div>
     
     {% for entry in work %}
-      {% if entry.image_markup %}
-      {% assign image_markup = entry.image_markup %}
-      {% else %}
-      {% capture image_markup %} 
-      <img  src="{{ entry.image }}" alt="{{ entry.alt }}">
-      {% endcapture %}
-      {% endif %}
-
       <details class="{{topic.id}}">
       <summary class="cv"><time>{{entry.period}}</time>
                         <div class = "title-column">
@@ -32,7 +24,9 @@ or have a look at my <a href="/blog">blog</a>. Click any item for a little more
       </summary>
       <div class = "details-container">
           <div class = "details-img">
-              <a href="{{entry.url}}">{{ image_markup }}</a>
+              <a href="{{entry.url}}">
+                <img class="u-photo {{entry.img.class}}" src = "{{entry.img.src}}" alt="{{entry.img.alt}}">
+              </a>
           </div>
           <div class = "details-text">
               {{entry.excerpt}}

index.md

@@ -9,12 +9,14 @@ mathjax: false
 {% for post in site.posts %}
 <article class="h-entry blogroll">
 
+<a class="u-uid u-url" href="{{ post.url }}">
 <figure>
 <img class="u-photo" 
     src = "{{ post.thumbnail | default: post.image }}"
     class = "{{ post.image_class }}"
     alt="{{post.alt}}">
 </figure>
+</a>
 
 <section>
   <h2 class="p-name blogroll-title"><a class="u-uid u-url" href="{{ post.url }}">{{ post.title }}</a></h2>

projects.md

@@ -1,14 +1,13 @@
 ---
 title: Projects
 layout: default
-redirect_from:
-  - /projects/
+permalink: /projects/
 ---
 {% for post in site.projects %}
 <article class="h-entry project">
-    {% unless post.hide_image %}
+    <a class="u-uid u-url" href="{{ post.url }}">
     <img class="u-photo {{post.img.class}}" src = "{{post.img.src}}" alt="{{post.img.alt}}">
-    {% endunless %}
+    </a>
 
     <section>
     <h2 class="p-name blogroll-title"><a class="u-uid u-url" href="{{ post.url }}">{{ post.title }}</a></h2>