tarasis
/
old_tarasis.net
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
css/style.css
View File

@ -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
View File

@ -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>

3
js/script.js Normal file
View File

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