Update site content

_data/photos.yml

@@ -3,7 +3,7 @@
   alt: Black and white portrait photo with sunlight shining on one half of the face
 - file: Album-Cover.jpg
   tag: Portrait
-  alt: A woman sat on a bench in the dark, with two flourescent lines of light horizontally across the image
+  alt: A woman sat on a bench in the dark, with two horizontal flourescent lines of light in the background
 - file: 2023-02-05-16-26-31_018.jpg
   tag: Portrait
   alt: A man stood by a metal fence on the beach, looking at the ocean

_data/portfolio.yml

@@ -1,5 +1,24 @@
-- title: Finance
-  link: '#'
-  tag: Web development
-  image: /assets/images/project-1.jpg
-  image_alt: finance
+- title: BRECcIA Network Mapper
+  date: 2023
+  link: https://github.com/southampton-rsg/breccia-mapper
+  tag: Web Development
+  image: /assets/images/breccia-graph.png
+  image_alt: BRECcIA Network Mapper graph
+- title: Parandum
+  date: 2020
+  link: https://github.com/mgrove36/parandum
+  tag: Web Development
+  image: /assets/images/parandum-banner.png
+  image_alt: Parandum dashboard
+- title: Swifts Junior Badminton Club website
+  date: 2022
+  link: https://swiftsjbc.org.uk
+  tag: Web Development
+  image: /assets/images/sjbc-banner.png
+  image_alt: Swifts Junior Badminton Club website
+- title: BBC Young Reporter Website
+  date: 2019
+  link: https://github.com/mgrove36/bbc-young-reporter
+  tag: Web Development
+  image: /assets/images/bbc-young-reporter-banner.png
+  image_alt: BBC Young Reporter website

_data/skills.yml

@@ -1,8 +1,8 @@
-- name: Web design
+- name: Cyber Security (esp. web and network)
   value: 80
-- name: Graphic design
-  value: 70
-- name: Branding
-  value: 90
-- name: WordPress
-  value: 50
+- name: Software Engineering
+  value: 82
+- name: Web Development and Online Marketing
+  value: 75
+- name: Digital Forensics
+  value: 30

_subpages/03-portfolio.md

@@ -53,7 +53,7 @@ permalink: /portfolio
 
     {% for project-item in site.data.portfolio %}
     <li class="project-item  active" data-filter-item data-category="{{ project-item.tag | downcase }}">
-        <a href="{{ project-item.link }}">
+        <a target="_blank" href="{{ project-item.link }}">
 
         <figure class="project-img">
             <div class="project-item-icon-box">
@@ -65,7 +65,7 @@ permalink: /portfolio
 
         <h3 class="project-title">{{ project-item.title }}</h3>
 
-        <p class="project-category">{{ project-item.tag }}</p>
+        <p class="project-category">{{ project-item.date }}, {{ project-item.tag }}</p>
 
         </a>
     </li>

assets/css/style.css

@@ -957,7 +957,7 @@ main {
 .project-img {
   position: relative;
   width: 100%;
-  height: 200px;
+  height: 184px;
   border-radius: 16px;
   overflow: hidden;
   margin-bottom: 15px;
@@ -1248,7 +1248,6 @@ textarea.form-input::-webkit-resizer { display: none; }
    * #PORTFOLIO, BLOG 
    */
 
-  .project-img,
   .blog-banner-box { height: auto; }
 
 }