bryan/itme-brain.github.io
1
0
Fork 0
mirror of https://github.com/itme-brain/itme-brain.github.io.git synced 2026-03-24 04:29: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 - Links to technology icons
- Animation to Technlogies Icon Grid - Animation to Technlogies Icon Grid
- Fix contact form - 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-css3 fa-3x"></i>
<i class="fa-brands fa-js 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-git-alt fa-3x"></i>
<i class="fa-brands fa-digital-ocean 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-aws fa-3x"></i> -->
<i class="fa-brands fa-vuejs fa-3x"></i> <i class="fa-brands fa-vuejs fa-3x"></i>
<i class="fa-brands fa-bitcoin fa-3x"></i> <i class="fa-brands fa-bitcoin fa-3x"></i>
<i class="fa-solid fa-bolt 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-linux fa-3x"></i>
<i class="fa-brands fa-node-js 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-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> </div>
</section> </section>

25
styles.css
View file

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