Skip to content

Commit

Permalink
Add footnote and style (#2)
Browse files Browse the repository at this point in the history
  • Loading branch information
@dalmaboros
dalmaboros authored May 17, 2024
1 parent 8ae55bc commit b646239
Show file tree
Hide file tree
Showing 3 changed files with 59 additions and 7 deletions.
37 changes: 36 additions & 1 deletion css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,6 +23,11 @@ a {
color: #000;
}

a:hover {
opacity: 0.5;
transition: opacity 400ms ease;
}

.personal-website .personal {
display: block;
font-size: 1em;
Expand Down Expand Up @@ -209,7 +214,8 @@ a {
}

.portfolio-projects {
border-bottom: 3px black solid;
border-bottom: 6px black solid;
padding-top: 2px;
}

.portfolio-project {
Expand Down Expand Up @@ -277,6 +283,17 @@ a {
border-bottom: none;
}

.projects-footnote {
border-top: 4px solid black;
display: flex;
font-size: 0.8em;
padding-top: 4px;
}

.projects-footnote p {
margin-bottom: 0;
}

/* End Projects Styles */

/* Satisfaction/Ingredients Styles */
Expand Down Expand Up @@ -343,3 +360,21 @@ a {
}

/* End Media Query */

/* Rainbow Text */

.rainbow-text:hover {
background-image: repeating-linear-gradient(to left, pink, #af9dd3, #85b4f5, #b2e21b, #e0ee00, #ffb400, #cc0000);
background-size: 300%;
background-clip: text;
-webkit-background-clip: text;
color: transparent;
opacity: 100;
animation: rainbow 8s ease infinite;
}

@keyframes rainbow {
0% {background-position:0% 50%;}
50% {background-position:100% 25%;}
100% {background-position:0% 50%;}
}
4 changes: 2 additions & 2 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -48,14 +48,14 @@ <h1 class="personal-website">

<footer class="site-footer">
<div class="footer-brand">
<p><a href="http://www.dalmaboros.com">dalma boros</a><span class="trademark">&reg;</span></p>
<p><a href="http://www.dalmaboros.com">dalma boros<span class="trademark">&reg;</span></a></p>
</div>

<div class="footer-info">
<div class="year">
<p>2024</p>
</div>

<div class="stay-cool">
<p>stay cool</p>
</div>
Expand Down
25 changes: 21 additions & 4 deletions projects.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -36,10 +36,11 @@
<h2>Portfolio Projects</h2>
<p>Per 1 Flatiron School Graduate</p>
</div>

<div class="portfolio-projects">
<div class="portfolio-project-amounts">
<p>Project</p>
<p>% through curriculum</p>
<p> </p>
<p>% Through Curriculum*</p>
</div>

<div class="portfolio-project">
Expand All @@ -49,6 +50,7 @@ <h2>Portfolio Projects</h2>
</p>
<p class="percentage">100 %</p>
</div>

<div class="portfolio-project-links">
<p><a href="https://youtu.be/RJT1I_aaB38" target="_blank">
Demo 1:13 s
Expand All @@ -58,6 +60,7 @@ <h2>Portfolio Projects</h2>
</a></p>
</div>
</div> <!-- portfolio-project -->

<div class="portfolio-project">
<div class="portfolio-project-title">
<p class="portfolio-title">
Expand All @@ -67,6 +70,7 @@ <h2>Portfolio Projects</h2>
</p>
<p class="percentage">75 %</p>
</div>

<div class="portfolio-project-links">
<p><a href="https://www.youtube.com/watch?v=pTkqv5MzIBU" target="_blank">
Demo 1:51 s
Expand All @@ -76,6 +80,7 @@ <h2>Portfolio Projects</h2>
</a></p>
</div>
</div> <!-- portfolio-project -->

<div class="portfolio-project">
<div class="portfolio-project-title">
<p class="portfolio-title">
Expand All @@ -85,6 +90,7 @@ <h2>Portfolio Projects</h2>
</p>
<p class="percentage">50 %</p>
</div>

<div class="portfolio-project-links">
<p><a href="https://www.youtube.com/watch?v=QB-sK-UujMI" target="_blank">
Demo 4:28 s
Expand All @@ -94,6 +100,7 @@ <h2>Portfolio Projects</h2>
</a></p>
</div>
</div> <!-- portfolio-project -->

<div class="portfolio-project">
<div class="portfolio-project-title">
<p class="portfolio-title">
Expand All @@ -103,6 +110,7 @@ <h2>Portfolio Projects</h2>
</p>
<p class="percentage">25 %</p>
</div>

<div class="portfolio-project-links">
<p><a href="https://www.youtube.com/watch?v=6LL6yv0-u-4" target="_blank">
Demo 1:43 s
Expand All @@ -116,24 +124,33 @@ <h2>Portfolio Projects</h2>

<div class="side-projects">
<div class="side-project">
<p><a href="keyboard.html" target="_blank">
<p class="rainbow-text"><a href="keyboard.html" target="_blank" class="rainbow-text">
Rainbow Keyboard
</a></p>
<p>0 %</p>
</div> <!-- side-project -->

<div class="side-project">
<p><a href="https://codepen.io/dalmaboros/" target="_blank">
Codepen
</a></p>
<p>0 %</p>
</div> <!-- side-project -->

<div class="side-project">
<p><a href="https://dalmaboros.github.io/" target="_blank">
Blog
</a></p>
<p>0 %</p>
</div> <!-- side-project -->
</div> <!-- side-projects -->

<div class="projects-footnote">
<p>*</p>
<p>
The % Through Curriculum (TC) tells you at what point in the Flatiron School curriculum a project was completed.
</p>
</div>
</div> <!-- portfolio-projects-container -->
<div class="satisfaction-guaranteed">
<p>
Expand All @@ -156,7 +173,7 @@ <h2>Portfolio Projects</h2>
</div> <!-- content-area -->
<footer class="site-footer">
<div class="footer-brand">
<p><a href="http://www.dalmaboros.com">dalma boros</a><span class="trademark">&reg;</span></p>
<p><a href="http://www.dalmaboros.com">dalma boros<span class="trademark">&reg;</span></a></p>
</div>
<div class="footer-info">
<div class="year">
Expand Down

0 comments on commit b646239

Please sign in to comment.