tarasis
/
rmcg.dev
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
rmcg.dev/src/index.html

373 lines
18 KiB
HTML
Raw Normal View History

further setup. Base site isn't using eleventy directly yet. Not sold on how I've set folders up at the moment. Need to rearrange but not sure if I want svgs images fonts css in assets or moved up a level to the top level where src and www are
2022-02-05 14:48:21 +01:00
<!DOCTYPE html>
<html lang="en">
<head>
merged old main, rearranged files
2022-02-05 23:41:45 +01:00
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Practice Projects</title>
<link rel="stylesheet" href="./FrontendMentor/reset.css" />
<link rel="stylesheet" href="./css/style.css" />
further setup. Base site isn't using eleventy directly yet. Not sold on how I've set folders up at the moment. Need to rearrange but not sure if I want svgs images fonts css in assets or moved up a level to the top level where src and www are
2022-02-05 14:48:21 +01:00
</head>
<body>
<header>
merged old main, rearranged files
2022-02-05 23:41:45 +01:00
<!-- some logo here -->
<div class="header">
<h1 class="test">Practice Projects</h1>
further setup. Base site isn't using eleventy directly yet. Not sold on how I've set folders up at the moment. Need to rearrange but not sure if I want svgs images fonts css in assets or moved up a level to the top level where src and www are
2022-02-05 14:48:21 +01:00
</div>
merged old main, rearranged files
2022-02-05 23:41:45 +01:00
<!-- consider a menu for jumping down page -->
further setup. Base site isn't using eleventy directly yet. Not sold on how I've set folders up at the moment. Need to rearrange but not sure if I want svgs images fonts css in assets or moved up a level to the top level where src and www are
2022-02-05 14:48:21 +01:00
</header>
merged old main, rearranged files
2022-02-05 23:41:45 +01:00
<main>
<div class="blurb">
<p>
These are completed projects done to practice using HTML,
minor change to html connect, main aim to do another build and see the incremental works as expected
2022-02-06 00:23:00 +01:00
CSS & Javascript. They come from different sources, and
merged old main, rearranged files
2022-02-05 23:41:45 +01:00
most are freely available for anyone to practice with.
minor change to html connect, main aim to do another build and see the incremental works as expected
2022-02-06 00:23:00 +01:00
Where not, I'll indicate if it is from a premium source.
merged old main, rearranged files
2022-02-05 23:41:45 +01:00
</p>
&nbsp;
<p>
minor change to html connect, main aim to do another build and see the incremental works as expected
2022-02-06 00:23:00 +01:00
I've put them all into a single GIT repository rather than
litter my git service with many different projects. This may
merged old main, rearranged files
2022-02-05 23:41:45 +01:00
change in future depending on how many of these that I do.
</p>
&nbsp;
<p>Robert McGovern</p>
</div>
<div class="projectsDiv">
<div class="alignedHeader">
<h2 class="projectsSection__title">Frontend Mentor</h2>
<img src="./svgs/frontendmentor.svg" alt="Frontend Mentor" />
</div>
<p>Collection of challenges I completed for Frontend Mentor</p>
<div class="newbieChallenges">
<h3>Newbie Challenges</h3>
<div class="projects-grid">
<div class="project-card stacked featured">
<a href="./FrontendMentor/newbie/order-summary-component/">
<img class="card__img" src="./screenshots/fem-newbie-order-summary-component.png"
alt="Order Summary Component Challenge from FrontendMentor" />
</a>
<div class="card__content">
<h3 class="card__title">
Order Summary Card Component
</h3>
<!-- <p class="card__description">
Lorem ipsum dolor sit amet consectetur
adipisicing elit.
</p> -->
<ul class="card__techUsed">
<li>
<img src="./svgs/html5.svg" alt="HTML5" />
</li>
<li>
<img src="./svgs/css3.svg" alt="CSS3" />
</li>
</ul>
</div>
</div>
<div class="project-card stacked">
<a href="./FrontendMentor/newbie/huddle-landing-page-with-single-introductory-section-master/">
<img class="card__img"
src="./screenshots/fem-newbie-huddle-landing-page-with-single-introductory-section.png"
alt="The Huddle Landing Page Challenge from FrontendMentor, with a single introductory section." />
</a>
<div class="card__content">
<h3 class="card__title">
The Huddle Landing Page
</h3>
<!-- <p class="card__description">
Lorem ipsum dolor sit amet consectetur
adipisicing elit.
</p> -->
<ul class="card__techUsed">
<li>
<img src="./svgs/html5.svg" alt="HTML5" />
</li>
<li>
<img src="./svgs/css3.svg" alt="CSS3" />
</li>
<li>
<img src="./svgs/javascript.svg" alt="JavaScript" />
</li>
</ul>
</div>
</div>
<div class="project-card stacked">
<a href="./FrontendMentor/newbie/ping-coming-soon-page-master/">
<img class="card__img" src="./screenshots/fem-newbie-ping-coming-soon-page.jpeg"
alt="Ping Coming-Soon Challenge from FrontendMentor" />
</a>
<div class="card__content">
<h3 class="card__title">Ping Coming-Soon</h3>
<!-- <p class="card__description">
Lorem ipsum dolor sit amet consectetur
adipisicing elit.
</p> -->
<ul class="card__techUsed">
<li>
<img src="./svgs/html5.svg" alt="HTML5" />
</li>
<li>
<img src="./svgs/css3.svg" alt="CSS3" />
</li>
<li>
<img src="./svgs/javascript.svg" alt="JavaScript" />
</li>
</ul>
</div>
</div>
<div class="project-card stacked">
<a href="./FrontendMentor/newbie/single-price-grid-component-master/">
<img class="card__img" src="./screenshots/fem-newbie-single-price-grid-component.jpeg"
alt="Single Price Grid Component Challenge from FrontendMentor" />
</a>
<div class="card__content">
<h3 class="card__title">
Single Price Grid Component
</h3>
<!-- <p class="card__description">
Lorem ipsum dolor sit amet consectetur
adipisicing elit.
</p> -->
<ul class="card__techUsed">
<li>
<img src="./svgs/html5.svg" alt="HTML5" />
</li>
<li>
<img src="./svgs/css3.svg" alt="CSS3" />
</li>
</ul>
</div>
</div>
<div class="project-card stacked">
<a href="./FrontendMentor/newbie/four-card-feature-section/">
<img class="card__img" src="./screenshots/fem-newbie-four-card-feature-section.jpeg"
alt="Four Card Feature Section Challenge from FrontendMentor" />
</a>
<div class="card__content">
<h3 class="card__title">
Four Card Feature Section
</h3>
<!-- <p class="card__description">
Lorem ipsum dolor sit amet consectetur
adipisicing elit.
</p> -->
<ul class="card__techUsed">
<li>
<img src="./svgs/html5.svg" alt="HTML5" />
</li>
<li>
<img src="./svgs/css3.svg" alt="CSS3" />
</li>
</ul>
</div>
</div>
<div class="project-card stacked">
<a href="./FrontendMentor/newbie/article-preview-component/">
<img class="card__img" src="./screenshots/fem-newbie-article-preview-component.jpeg"
alt="Article Preview Component Challenge from FrontendMentor" />
</a>
<div class="card__content">
<h3 class="card__title">
Article Preview Component
</h3>
<!-- <p class="card__description">
Lorem ipsum dolor sit amet consectetur
adipisicing elit.
</p> -->
<ul class="card__techUsed">
<li>
<img src="./svgs/html5.svg" alt="HTML5" />
</li>
<li>
<img src="./svgs/css3.svg" alt="CSS3" />
</li>
</ul>
</div>
</div>
<div class="project-card stacked">
<a href="./FrontendMentor/newbie/stats-preview-card-component/">
<img class="card__img" src="./screenshots/fem-newbie-stats-preview-card-component.jpeg"
alt="Stats Preview Card Component Challenge from FrontendMentor" />
</a>
<div class="card__content">
<h3 class="card__title">
Stats Preview Card Component
</h3>
<!-- <p class="card__description">
Lorem ipsum dolor sit amet consectetur
adipisicing elit.
</p> -->
<ul class="card__techUsed">
<li>
<img src="./svgs/html5.svg" alt="HTML5" />
</li>
<li>
<img src="./svgs/css3.svg" alt="CSS3" />
</li>
</ul>
</div>
</div>
<div class="project-card stacked">
<a href="./FrontendMentor/newbie/profile-card-component/">
<img class="card__img" src="./screenshots/fem-newbie-profile-card-component.jpeg"
alt="Profile Card Component Challenge from FrontendMentor" />
</a>
<div class="card__content">
<h3 class="card__title">
Profile Card Component
</h3>
<!-- <p class="card__description">
Lorem ipsum dolor sit amet consectetur
adipisicing elit.
</p> -->
<ul class="card__techUsed">
<li>
<img src="./svgs/html5.svg" alt="HTML5" />
</li>
<li>
<img src="./svgs/css3.svg" alt="CSS3" />
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="projectsDiv">
<div class="alignedHeader">
<h2 class="projectsSection__title">Freecodecamp</h2>
<img src="./svgs/freecodecamp.svg" alt="Freecodecamp" />
</div>
<div class="responsiveProjects">
<h3>Responsive Web Design Projects</h3>
<p>
Note: As of 11 Oct 2020, these require a partial rework
to look good on mobile. 1-3 where written much earlier
in my learning, so while they fufill all the
requirements, they don't look great on mobile.
</p>
<div class="projects-grid">
<div class="project-card stacked">
<a href="../freeCodeCamp/responsive-web-design-projects/Project1-TributePage/">
<img class="card__img" src="./screenshots/fcc-web-Project1-TributePage.jpeg"
alt="Project 1 - Tribute Page" />
</a>
<div class="card__content">
<h3 class="card__title">
Project 1 - Tribute Page
</h3>
<!-- <p class="card__description">
Lorem ipsum dolor sit amet consectetur
adipisicing elit.
</p> -->
<ul class="card__techUsed">
<li>
<img src="./svgs/html5.svg" alt="HTML5" />
</li>
<li>
<img src="./svgs/css3.svg" alt="CSS3" />
</li>
</ul>
</div>
</div>
<div class="project-card stacked">
<a href="./freeCodeCamp/responsive-web-design-projects/Project2-BuildaSurveyForm/">
<img class="card__img" src="./screenshots/fcc-web-Project2-BuildaSurveyForm.jpeg"
alt="Project 2 - Build A Survey Form" />
</a>
<div class="card__content">
<h3 class="card__title">
Project 2 - Build A Survey Form
</h3>
<!-- <p class="card__description">
Lorem ipsum dolor sit amet consectetur
adipisicing elit.
</p> -->
<ul class="card__techUsed">
<li>
<img src="./svgs/html5.svg" alt="HTML5" />
</li>
<li>
<img src="./svgs/css3.svg" alt="CSS3" />
</li>
</ul>
</div>
</div>
<div class="project-card stacked">
<a href="./freeCodeCamp/responsive-web-design-projects/Project3-ProductLandingPage/">
<img class="card__img" src="./screenshots/fcc-web-Project3-ProductLandingPage.jpeg"
alt="Project 3 - Product Landing Page" />
</a>
<div class="card__content">
<h3 class="card__title">
Project 3 - Product Landing Page
</h3>
<!-- <p class="card__description">
Lorem ipsum dolor sit amet consectetur
adipisicing elit.
</p> -->
<ul class="card__techUsed">
<li>
<img src="./svgs/html5.svg" alt="HTML5" />
</li>
<li>
<img src="./svgs/css3.svg" alt="CSS3" />
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="projectsDiv">
<div class="alignedHeader">
<h2 class="projectsSection__title">
The Complete 2022 Web Development Bootcamp
</h2>
<img src="./svgs/udemy.svg" alt="The Complete 2022 Web Development Bootcamp Udemy Course" />
</div>
<p>coming soon</p>
</div>
<div class="projectsDiv">
<h2 class="projectsSection__title">Vanilla JS Projects</h2>
<p>coming soon</p>
</div>
<div class="projectsDiv">
<h2 class="projectsSection__title">Playground</h2>
<p>
Intended for just little snippets of code that look useful
</p>
<a href="./playground.html">The Playground</a>
</div>
</main>
<footer>
<!-- some blurb here -->
<p>
All projects are the work of Robert McGovern, 2020-2022. <br />
<a href="emailto:work@tarasis.net">Email</a>,
<a href="https://tarasis.net">Website/Blog</a>
</p>
<a href="http://www.heropatterns.com/">Background SVG provided by Steve Schoger @ Hero Patterns</a>
</footer>
<script src="./js/script.js"></script>
further setup. Base site isn't using eleventy directly yet. Not sold on how I've set folders up at the moment. Need to rearrange but not sure if I want svgs images fonts css in assets or moved up a level to the top level where src and www are
2022-02-05 14:48:21 +01:00
</body>
</html>