added empty js, plus tweaked css slightly and hide the project descriptions
This commit is contained in:
parent
68dd2d11a9
commit
a9525899bb
|
|
@ -122,11 +122,12 @@ footer > a {
|
|||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
/* .alignedHeader img {
|
||||
width: 100%;
|
||||
.alignedHeader img {
|
||||
/* /* width: 100%; */
|
||||
height: 100%;
|
||||
|
||||
} */
|
||||
/* margin-left: auto; */
|
||||
}
|
||||
|
||||
.stacked {
|
||||
display: grid;
|
||||
|
|
@ -147,12 +148,15 @@ footer > a {
|
|||
padding: 0.5rem;
|
||||
|
||||
box-shadow: 0 0.25rem 1rem rgba(0 0 0 / 0.1);
|
||||
border: gray 2px dashed;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.projects-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
|
||||
gap: 0.25rem;
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
|
||||
.projectsDiv > * {
|
||||
|
|
@ -161,10 +165,9 @@ footer > a {
|
|||
|
||||
.project-card {
|
||||
border: 3px solid var(--projects-border-color);
|
||||
border-radius: 5%;
|
||||
aspect-ratio: 1 / 1.5;
|
||||
border-radius: 10px;
|
||||
aspect-ratio: 1 / 1.4;
|
||||
overflow: hidden;
|
||||
/* display: inline-bloc; */
|
||||
}
|
||||
|
||||
.card__img {
|
||||
|
|
@ -188,6 +191,7 @@ footer > a {
|
|||
} */
|
||||
|
||||
.card__techUsed img {
|
||||
margin-top: 0.25rem;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
|
|
|||
41
index.html
41
index.html
|
|
@ -54,10 +54,10 @@
|
|||
<h3 class="card__title">
|
||||
The Huddle Landing Page
|
||||
</h3>
|
||||
<p class="card__description">
|
||||
<!-- <p class="card__description">
|
||||
Lorem ipsum dolor sit amet consectetur
|
||||
adipisicing elit.
|
||||
</p>
|
||||
</p> -->
|
||||
<ul class="card__techUsed">
|
||||
<li>
|
||||
<img src="./svgs/html5.svg" alt="HTML5" />
|
||||
|
|
@ -79,10 +79,10 @@
|
|||
</a>
|
||||
<div class="card__content">
|
||||
<h3 class="card__title">Ping Coming-Soon</h3>
|
||||
<p class="card__description">
|
||||
<!-- <p class="card__description">
|
||||
Lorem ipsum dolor sit amet consectetur
|
||||
adipisicing elit.
|
||||
</p>
|
||||
</p> -->
|
||||
<ul class="card__techUsed">
|
||||
<li>
|
||||
<img src="./svgs/html5.svg" alt="HTML5" />
|
||||
|
|
@ -106,10 +106,10 @@
|
|||
<h3 class="card__title">
|
||||
Single Price Grid Component
|
||||
</h3>
|
||||
<p class="card__description">
|
||||
<!-- <p class="card__description">
|
||||
Lorem ipsum dolor sit amet consectetur
|
||||
adipisicing elit.
|
||||
</p>
|
||||
</p> -->
|
||||
<ul class="card__techUsed">
|
||||
<li>
|
||||
<img src="./svgs/html5.svg" alt="HTML5" />
|
||||
|
|
@ -130,10 +130,10 @@
|
|||
<h3 class="card__title">
|
||||
Four Card Feature Section
|
||||
</h3>
|
||||
<p class="card__description">
|
||||
<!-- <p class="card__description">
|
||||
Lorem ipsum dolor sit amet consectetur
|
||||
adipisicing elit.
|
||||
</p>
|
||||
</p> -->
|
||||
<ul class="card__techUsed">
|
||||
<li>
|
||||
<img src="./svgs/html5.svg" alt="HTML5" />
|
||||
|
|
@ -154,10 +154,10 @@
|
|||
<h3 class="card__title">
|
||||
Article Preview Component
|
||||
</h3>
|
||||
<p class="card__description">
|
||||
<!-- <p class="card__description">
|
||||
Lorem ipsum dolor sit amet consectetur
|
||||
adipisicing elit.
|
||||
</p>
|
||||
</p> -->
|
||||
<ul class="card__techUsed">
|
||||
<li>
|
||||
<img src="./svgs/html5.svg" alt="HTML5" />
|
||||
|
|
@ -178,10 +178,10 @@
|
|||
<h3 class="card__title">
|
||||
Stats Preview Card Component
|
||||
</h3>
|
||||
<p class="card__description">
|
||||
<!-- <p class="card__description">
|
||||
Lorem ipsum dolor sit amet consectetur
|
||||
adipisicing elit.
|
||||
</p>
|
||||
</p> -->
|
||||
<ul class="card__techUsed">
|
||||
<li>
|
||||
<img src="./svgs/html5.svg" alt="HTML5" />
|
||||
|
|
@ -202,10 +202,10 @@
|
|||
<h3 class="card__title">
|
||||
Profile Card Component
|
||||
</h3>
|
||||
<p class="card__description">
|
||||
<!-- <p class="card__description">
|
||||
Lorem ipsum dolor sit amet consectetur
|
||||
adipisicing elit.
|
||||
</p>
|
||||
</p> -->
|
||||
<ul class="card__techUsed">
|
||||
<li>
|
||||
<img src="./svgs/html5.svg" alt="HTML5" />
|
||||
|
|
@ -243,10 +243,10 @@
|
|||
<h3 class="card__title">
|
||||
Project 1 - Tribute Page
|
||||
</h3>
|
||||
<p class="card__description">
|
||||
<!-- <p class="card__description">
|
||||
Lorem ipsum dolor sit amet consectetur
|
||||
adipisicing elit.
|
||||
</p>
|
||||
</p> -->
|
||||
<ul class="card__techUsed">
|
||||
<li>
|
||||
<img src="./svgs/html5.svg" alt="HTML5" />
|
||||
|
|
@ -266,10 +266,10 @@
|
|||
<h3 class="card__title">
|
||||
Project 2 - Build A Survey Form
|
||||
</h3>
|
||||
<p class="card__description">
|
||||
<!-- <p class="card__description">
|
||||
Lorem ipsum dolor sit amet consectetur
|
||||
adipisicing elit.
|
||||
</p>
|
||||
</p> -->
|
||||
<ul class="card__techUsed">
|
||||
<li>
|
||||
<img src="./svgs/html5.svg" alt="HTML5" />
|
||||
|
|
@ -289,10 +289,10 @@
|
|||
<h3 class="card__title">
|
||||
Project 3 - Product Landing Page
|
||||
</h3>
|
||||
<p class="card__description">
|
||||
<!-- <p class="card__description">
|
||||
Lorem ipsum dolor sit amet consectetur
|
||||
adipisicing elit.
|
||||
</p>
|
||||
</p> -->
|
||||
<ul class="card__techUsed">
|
||||
<li>
|
||||
<img src="./svgs/html5.svg" alt="HTML5" />
|
||||
|
|
@ -340,6 +340,7 @@
|
|||
</p>
|
||||
<a href="http://www.heropatterns.com/">Background SVG provided by Steve Schoger @ Hero Patterns</a>
|
||||
</footer>
|
||||
<script src="./js/script.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
// use strict
|
||||
|
||||
// An empty JS for the moment :) Shh
|
||||
Loading…
Reference in New Issue