added empty js, plus tweaked css slightly and hide the project descriptions

This commit is contained in:
Robert McGovern 2022-01-25 03:06:10 +00:00
parent 68dd2d11a9
commit a9525899bb
3 changed files with 34 additions and 26 deletions

View File

@ -122,11 +122,12 @@ footer > a {
margin-bottom: 1rem; margin-bottom: 1rem;
} }
/* .alignedHeader img { .alignedHeader img {
width: 100%; /* /* width: 100%; */
height: 100%; height: 100%;
} */ /* margin-left: auto; */
}
.stacked { .stacked {
display: grid; display: grid;
@ -147,12 +148,15 @@ footer > a {
padding: 0.5rem; padding: 0.5rem;
box-shadow: 0 0.25rem 1rem rgba(0 0 0 / 0.1); box-shadow: 0 0.25rem 1rem rgba(0 0 0 / 0.1);
border: gray 2px dashed;
border-radius: 5px;
} }
.projects-grid { .projects-grid {
display: grid; display: grid;
grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr)); grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
gap: 0.25rem; gap: 0.25rem;
margin-top: 0.5rem;
} }
.projectsDiv > * { .projectsDiv > * {
@ -161,10 +165,9 @@ footer > a {
.project-card { .project-card {
border: 3px solid var(--projects-border-color); border: 3px solid var(--projects-border-color);
border-radius: 5%; border-radius: 10px;
aspect-ratio: 1 / 1.5; aspect-ratio: 1 / 1.4;
overflow: hidden; overflow: hidden;
/* display: inline-bloc; */
} }
.card__img { .card__img {
@ -188,6 +191,7 @@ footer > a {
} */ } */
.card__techUsed img { .card__techUsed img {
margin-top: 0.25rem;
width: 100%; width: 100%;
height: 100%; height: 100%;
} }

View File

@ -54,10 +54,10 @@
<h3 class="card__title"> <h3 class="card__title">
The Huddle Landing Page The Huddle Landing Page
</h3> </h3>
<p class="card__description"> <!-- <p class="card__description">
Lorem ipsum dolor sit amet consectetur Lorem ipsum dolor sit amet consectetur
adipisicing elit. adipisicing elit.
</p> </p> -->
<ul class="card__techUsed"> <ul class="card__techUsed">
<li> <li>
<img src="./svgs/html5.svg" alt="HTML5" /> <img src="./svgs/html5.svg" alt="HTML5" />
@ -79,10 +79,10 @@
</a> </a>
<div class="card__content"> <div class="card__content">
<h3 class="card__title">Ping Coming-Soon</h3> <h3 class="card__title">Ping Coming-Soon</h3>
<p class="card__description"> <!-- <p class="card__description">
Lorem ipsum dolor sit amet consectetur Lorem ipsum dolor sit amet consectetur
adipisicing elit. adipisicing elit.
</p> </p> -->
<ul class="card__techUsed"> <ul class="card__techUsed">
<li> <li>
<img src="./svgs/html5.svg" alt="HTML5" /> <img src="./svgs/html5.svg" alt="HTML5" />
@ -106,10 +106,10 @@
<h3 class="card__title"> <h3 class="card__title">
Single Price Grid Component Single Price Grid Component
</h3> </h3>
<p class="card__description"> <!-- <p class="card__description">
Lorem ipsum dolor sit amet consectetur Lorem ipsum dolor sit amet consectetur
adipisicing elit. adipisicing elit.
</p> </p> -->
<ul class="card__techUsed"> <ul class="card__techUsed">
<li> <li>
<img src="./svgs/html5.svg" alt="HTML5" /> <img src="./svgs/html5.svg" alt="HTML5" />
@ -130,10 +130,10 @@
<h3 class="card__title"> <h3 class="card__title">
Four Card Feature Section Four Card Feature Section
</h3> </h3>
<p class="card__description"> <!-- <p class="card__description">
Lorem ipsum dolor sit amet consectetur Lorem ipsum dolor sit amet consectetur
adipisicing elit. adipisicing elit.
</p> </p> -->
<ul class="card__techUsed"> <ul class="card__techUsed">
<li> <li>
<img src="./svgs/html5.svg" alt="HTML5" /> <img src="./svgs/html5.svg" alt="HTML5" />
@ -154,10 +154,10 @@
<h3 class="card__title"> <h3 class="card__title">
Article Preview Component Article Preview Component
</h3> </h3>
<p class="card__description"> <!-- <p class="card__description">
Lorem ipsum dolor sit amet consectetur Lorem ipsum dolor sit amet consectetur
adipisicing elit. adipisicing elit.
</p> </p> -->
<ul class="card__techUsed"> <ul class="card__techUsed">
<li> <li>
<img src="./svgs/html5.svg" alt="HTML5" /> <img src="./svgs/html5.svg" alt="HTML5" />
@ -178,10 +178,10 @@
<h3 class="card__title"> <h3 class="card__title">
Stats Preview Card Component Stats Preview Card Component
</h3> </h3>
<p class="card__description"> <!-- <p class="card__description">
Lorem ipsum dolor sit amet consectetur Lorem ipsum dolor sit amet consectetur
adipisicing elit. adipisicing elit.
</p> </p> -->
<ul class="card__techUsed"> <ul class="card__techUsed">
<li> <li>
<img src="./svgs/html5.svg" alt="HTML5" /> <img src="./svgs/html5.svg" alt="HTML5" />
@ -202,10 +202,10 @@
<h3 class="card__title"> <h3 class="card__title">
Profile Card Component Profile Card Component
</h3> </h3>
<p class="card__description"> <!-- <p class="card__description">
Lorem ipsum dolor sit amet consectetur Lorem ipsum dolor sit amet consectetur
adipisicing elit. adipisicing elit.
</p> </p> -->
<ul class="card__techUsed"> <ul class="card__techUsed">
<li> <li>
<img src="./svgs/html5.svg" alt="HTML5" /> <img src="./svgs/html5.svg" alt="HTML5" />
@ -243,10 +243,10 @@
<h3 class="card__title"> <h3 class="card__title">
Project 1 - Tribute Page Project 1 - Tribute Page
</h3> </h3>
<p class="card__description"> <!-- <p class="card__description">
Lorem ipsum dolor sit amet consectetur Lorem ipsum dolor sit amet consectetur
adipisicing elit. adipisicing elit.
</p> </p> -->
<ul class="card__techUsed"> <ul class="card__techUsed">
<li> <li>
<img src="./svgs/html5.svg" alt="HTML5" /> <img src="./svgs/html5.svg" alt="HTML5" />
@ -266,10 +266,10 @@
<h3 class="card__title"> <h3 class="card__title">
Project 2 - Build A Survey Form Project 2 - Build A Survey Form
</h3> </h3>
<p class="card__description"> <!-- <p class="card__description">
Lorem ipsum dolor sit amet consectetur Lorem ipsum dolor sit amet consectetur
adipisicing elit. adipisicing elit.
</p> </p> -->
<ul class="card__techUsed"> <ul class="card__techUsed">
<li> <li>
<img src="./svgs/html5.svg" alt="HTML5" /> <img src="./svgs/html5.svg" alt="HTML5" />
@ -289,10 +289,10 @@
<h3 class="card__title"> <h3 class="card__title">
Project 3 - Product Landing Page Project 3 - Product Landing Page
</h3> </h3>
<p class="card__description"> <!-- <p class="card__description">
Lorem ipsum dolor sit amet consectetur Lorem ipsum dolor sit amet consectetur
adipisicing elit. adipisicing elit.
</p> </p> -->
<ul class="card__techUsed"> <ul class="card__techUsed">
<li> <li>
<img src="./svgs/html5.svg" alt="HTML5" /> <img src="./svgs/html5.svg" alt="HTML5" />
@ -340,6 +340,7 @@
</p> </p>
<a href="http://www.heropatterns.com/">Background SVG provided by Steve Schoger @ Hero Patterns</a> <a href="http://www.heropatterns.com/">Background SVG provided by Steve Schoger @ Hero Patterns</a>
</footer> </footer>
<script src="./js/script.js"></script>
</body> </body>
</html> </html>

3
js/script.js Normal file
View File

@ -0,0 +1,3 @@
// use strict
// An empty JS for the moment :) Shh