bryan/itme-brain.github.io
1
0
Fork 0
mirror of https://github.com/itme-brain/itme-brain.github.io.git synced 2026-03-23 20:19:43 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

080922 update

Browse source
This commit is contained in:
Bryan 2022-08-09 04:05:24 -04:00
parent bc109d7da7
commit 36d46eee24
3 changed files with 26 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

3
TODO.txt
View file

@ -5,3 +5,6 @@ To Add
- Links to technology icons
- Animation to Technlogies Icon Grid
- Fix contact form
Change contactForm area to Tip Area ?

6
index.html
View file

@ -70,8 +70,8 @@
<i class="fa-brands fa-css3 fa-3x"></i>
<i class="fa-brands fa-js fa-3x"></i>
<i class="fa-brands fa-git-alt fa-3x"></i>
<i class="fa-brands fa-digital-ocean fa-3x"></i>
<i class="fa-brands fa-aws fa-3x"></i>
<!-- <i class="fa-brands fa-digital-ocean fa-3x"></i>
<i class="fa-brands fa-aws fa-3x"></i> -->
<i class="fa-brands fa-vuejs fa-3x"></i>
<i class="fa-brands fa-bitcoin fa-3x"></i>
<i class="fa-solid fa-bolt fa-3x"></i>
@ -84,6 +84,8 @@
<i class="fa-brands fa-linux fa-3x"></i>
<i class="fa-brands fa-node-js fa-3x"></i>
<i class="fa-brands fa-angular fa-3x"></i>
<i class="fa-solid fa-cloud-arrow-up fa-3x"></i>
<i class="fa-brands fa-python fa-3x"></i>
</div>
</section>

25
styles.css
View file

@ -234,7 +234,7 @@ h3 {
width: 100%;
background-color: var(--primaryBackgroundColor);
border: 0;
padding: 0 0 40px 0;
padding: 0;
margin: 0;
}
@ -256,7 +256,7 @@ h3 {
.portfolio {
background-color: var(--secondaryBackgroundColor);
border: 0;
padding: 0;
padding: 20px 0 20px 0;
margin: 0;
}
@ -295,7 +295,9 @@ h3 {
/* Technologies Section Styling */
.technologies {
background-color: var(--tertiaryBackgroundColor);
padding-bottom: 10px;
border: 0;
padding: 20px 0 20px 0;
margin: 0;
}
.typewriterArea3 {
@ -320,7 +322,7 @@ h3 {
display: grid;
gap: 20px;
opacity: 0;
grid-template-columns: repeat(3, 20vw);
grid-template-columns: repeat(4, 10vw);
animation:
fadeIn 3s 5s forwards;
}
@ -372,7 +374,7 @@ h3 {
}
.fa-linux {
color: #ffffff;
color: #d3d3d3;
}
.fa-react {
@ -388,7 +390,7 @@ h3 {
}
.fa-node-js {
color: #215732;
color: #6cc24a;
}
.fa-angular {
@ -399,6 +401,17 @@ h3 {
color: #8a2be2;
}
.fa-apple {
color: #ffffff;
}
.fa-cloud-arrow-up {
color: #add8e6;
}
.fa-python {
color: #FFE873;
}
/* Contact Section Styling */
.contact {