Remove project links from project cards

helenclx · Aug 1, 2024 · c496056 · c496056
1 parent a9d2ede
commit c496056
Show file tree

Hide file tree

Showing 7 changed files with 30 additions and 24 deletions.
diff --git a/src/_includes/main/project-card.njk b/src/_includes/main/project-card.njk
@@ -17,13 +17,7 @@
         <p class="project-card__summary">{{ project.data.summary }}</p>
         <a class="project-card__link" href="{{ project.url }}">
             <svg aria-hidden="true" class="inline-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/></svg>
-            Read project case study of {{ project.data.title }}
+            Project case study of {{ project.data.title }}
         </a>
-        <div class="project-card__btns">
-        {% if project.data.siteUrl -%}
-            <a class="project-card__btn" href="{{ project.data.siteUrl }}">Project Site</a>
-        {%- endif %}
-            <a class="project-card__btn" href="{{ project.data.repoUrl }}">Repository</a>
-        </div>
     </div>
 </article>
diff --git a/src/_includes/main/project.njk b/src/_includes/main/project.njk
@@ -14,14 +14,6 @@ hasBreadcrumbs: true
             <img src="{{ image }}" alt="{{ imageAlt }}">
         </div>
         <div class="project__content prose">
-            <h2>Project links</h2>
-            <ul>
-                {% if siteUrl -%}
-                    <li><a href="{{ siteUrl }}">Project Site</a></li>
-                {%- endif %}
-                <li><a href="{{ repoUrl }}">Project Repository</a></li>
-            </ul>
-
             {{ content | safe }}
         </div>
     </article>

diff --git a/src/projects/frontend-mentor.md b/src/projects/frontend-mentor.md
@@ -6,10 +6,12 @@ imageAlt: Screenshots of a solution to a Frontend Mentor challenge
 tech:
   - Vanilla JavaScript
   - API
-siteUrl: https://helenclx.github.io/Frontend-Mentor-Challenges/
-repoUrl: https://github.com/helenclx/Frontend-Mentor-Challenges
 ---
 
+## Project Links
+- [Project Site](https://helenclx.github.io/Frontend-Mentor-Challenges/)
+- [Project Repository](https://github.com/helenclx/Frontend-Mentor-Challenges)
+
 ## Introduction
 
 My solutions to the [Frontend Mentor challenges](https://www.frontendmentor.io/challenges).

diff --git a/src/projects/quizzical.md b/src/projects/quizzical.md
@@ -6,10 +6,12 @@ imageAlt: Screenshots of the Quizzical project
 tech:
   - React.js
   - API
-siteUrl: https://helenclx.github.io/Scrimba-React-Solo-Projects/3-quizzical/
-repoUrl: https://github.com/helenclx/Scrimba-React-Solo-Projects/tree/main/3-quizzical
 ---
 
+## Project Links
+- [Live Project](https://helenclx.github.io/Scrimba-React-Solo-Projects/3-quizzical/)
+- [Project Repository](https://github.com/helenclx/Scrimba-React-Solo-Projects/tree/main/3-quizzical)
+
 ## Introduction
 
 Quizzical is one of the solo projects for [Scrimba's Learn React course](https://scrimba.com/learn/learnreact).

diff --git a/src/projects/recipe-hub.md b/src/projects/recipe-hub.md
@@ -6,10 +6,12 @@ imageAlt: Screenshots of Recipe Hub
 tech:
   - Vanilla JavaScript
   - API
-siteUrl: https://chingu-voyages.github.io/v46-tier1-team-01/Food-Recipe/
-repoUrl: https://github.com/chingu-voyages/v46-tier1-team-01
 ---
 
+## Project Links
+- [Live Project](https://chingu-voyages.github.io/v46-tier1-team-01/Food-Recipe/)
+- [Project Repository](https://github.com/chingu-voyages/v46-tier1-team-01)
+
 ## Introduction
 
 Recipe Hub is a team project built by Tier 1 Team 1 from [Chingu](https://www.chingu.io/) Voyage 46. I was part of this team along with two other developers.

diff --git a/src/projects/scrimba.md b/src/projects/scrimba.md
@@ -10,6 +10,9 @@ tech:
 repoUrl: https://github.com/helenclx/Scrimba-Frontend-Solo-Projects
 ---
 
+## Project Links
+- [Project Repository](https://github.com/helenclx/Scrimba-Frontend-Solo-Projects)
+
 ## Introduction
 
 This repository consists of my solo projects for [Scrimba's Frontend Developer Career Path](https://scrimba.com/learn/frontend).

diff --git a/src/projects/tenzies.md b/src/projects/tenzies.md
@@ -5,17 +5,28 @@ image: /assets/images/projects/Tenzies-Game.avif
 imageAlt: Screenshots of Tenzies Game
 tech:
   - React.js
-siteUrl: https://helenclx.github.io/Tenzies-Game/
-repoUrl: https://github.com/helenclx/Tenzies-Game
 ---
 
+## Project Links
+- [Live Project]( https://helenclx.github.io/Tenzies-Game/)
+- [Project Repository](https://github.com/helenclx/Tenzies-Game)
+
 ## Introduction
 
 Tenzies is a dice game that requires the player to roll until all dice are the same. This project is based on the Tenzies Game tutorial from [Scrimba's Learn React course](https://scrimba.com/learn/learnreact).
 
 ## Problem Solved
 
-After completing the tutorial to create a Tenzies Game from Scrimba, I made improvements to the game project, including responsive design, accessibility, keeping track of dice roll and time, etc.:
+After completing the tutorial to create a Tenzies Game from Scrimba, I made improvements to the game project, including responsive design, accessibility, keeping track of dice roll and time, and so on.
+
+Improvements and additional features I made to the game included:
+- Putting real dots on the dice using CSS
+- Using relative units in CSS
+- Making the app responsive to different screen sizes
+- Adding dice roll count
+- Recording the number of dice rolls and the time it took to win
+- Tracking the best records of dice rolls and time taken to win
+- Improved accessibility: the entire game can be interacted with key presses, along with clear focus outlines
 
 ## Technologies Used