diff --git a/css/styles.css b/css/styles.css index 6cf0f28..2ab0fcc 100644 --- a/css/styles.css +++ b/css/styles.css @@ -36,6 +36,15 @@ a:hover { color: #FF8B00; } +.page-container { + position: relative; + min-height: 100vh; +} + +.content-wrap { + padding-bottom: 8.5rem; +} + .Navbar { background-color: #005380; display: flex; @@ -152,7 +161,7 @@ h1 { font-size: 2em; padding: 0; margin-bottom: 0em; - margin-top: 0.5em; + margin-top: 0em; } .top-banner-text-smaller { @@ -180,6 +189,7 @@ h1 { height: 50%; text-align: center; cursor: pointer; + overflow: hidden; } .card-image { @@ -190,12 +200,70 @@ h1 { } .card-icon-container { + padding-top: 22.5px; display: flex; width: 100%; height: fit-content; + text-align: center; + align-items: center; + justify-content: center; +} + +.social-icons { + text-align: center; + padding: 0; + margin: 0; +} + +.social-icons li { + display: inline-flex; + list-style-type: none; + user-select: none; + -webkit-user-select: none; + -moz-user-select: none; + cursor: pointer; +} + +.social-icons li a { + border-bottom: none; +} + +.social-icons li img { + width: 70px; + height: 70px; + margin-right: 10px; + cursor: pointer; +} + +.footer { + background-color: #005380; + color: white; + text-align: center; + position: absolute; + bottom: 0; + width: 100%; + height: 5rem; +} + +.footer-links { + padding-top: 10px; + padding-bottom: 10px; + width: 100%; + height: 100%; + line-height: 1em; } -@media only screen and (max-width: 1100px) { +.footer a { + background-color: transparent; + font-size: 1.1em; +} + +.footer p { + background-color: transparent; + font-size: 1.1em; +} + +@media only screen and (max-width: 1200px) { .Navbar__Items, .Navbar { flex-direction: column; @@ -218,4 +286,10 @@ h1 { .column { width: 100%; } +} + +@media only screen and (max-width: 1300px) { + .card-icon-container { + padding-top: 10px; + } } \ No newline at end of file diff --git a/index.html b/index.html index 4be83cb..b0deb37 100644 --- a/index.html +++ b/index.html @@ -39,79 +39,127 @@ - -
-
-

Ravi Shah's Portfolio

-
-
- -
- -
- + - - - + + + - -
-
-
-
-
- Smart Garage Door Controller + +
+
+
+
+
+ Smart Garage Door Controller +
+
+ Smart Garage Door Opener Thumbnail +
+
+ +
+
-
- Smart Garage Door Opener Thumbnail +
+
+
+
+ Repairability Score Dashboard +
+
+ Repairability Score Dashboard Thumbnail +
+
+ +
+
-
-
-
-
-
-
- Repairability Score Dashboard +
+
+
+
+ Thinkpad X220 Tablet Upgrades +
+
+ Thinkpad X220 Tablet Upgrades Thumbnail +
+
+ +
+
-
-
-
-
-
- Thinkpad X220 Tablet Upgrades + + + + +
+
+ Icon Vectors by Vecteezy +

© 2021 Ravi Shah

+ +
- diff --git a/js/redirects.js b/js/redirects.js index 6d46fce..bd47d19 100644 --- a/js/redirects.js +++ b/js/redirects.js @@ -1,11 +1,11 @@ document.getElementById("smartgaragedoor").onclick = function() { - location.href = "/projects/smart-garage-door-controller.html"; + location.href = "https://github.com/Rav4s/New-Pi-Garage-Door-Opener"; }; document.getElementById("repairdashboard").onclick = function() { - location.href = "/projects/iFixit-Repairability-Dashboard.html"; + location.href = "https://repairability.yeetpc.com/"; }; document.getElementById("thinkpadx220").onclick = function() { - location.href = "/projects/thinkpad-x220-tablet-build.html"; + location.href = "https://www.yeetpc.com/blog/entry.php"; }; \ No newline at end of file diff --git a/static/img/common/Github.svg b/static/img/common/Github.svg new file mode 100644 index 0000000..ceec0c0 --- /dev/null +++ b/static/img/common/Github.svg @@ -0,0 +1 @@ +Github \ No newline at end of file diff --git a/static/img/common/Internet.png b/static/img/common/Internet.png new file mode 100644 index 0000000..4a6e7f9 Binary files /dev/null and b/static/img/common/Internet.png differ diff --git a/static/img/common/Reddit.svg b/static/img/common/Reddit.svg new file mode 100644 index 0000000..7c915cf --- /dev/null +++ b/static/img/common/Reddit.svg @@ -0,0 +1 @@ +Reddit \ No newline at end of file diff --git a/static/img/common/YouTube.svg b/static/img/common/YouTube.svg new file mode 100644 index 0000000..c915bea --- /dev/null +++ b/static/img/common/YouTube.svg @@ -0,0 +1 @@ +Youtube \ No newline at end of file diff --git a/static/img/projects/repairability-score-dashboard-thumbnail.png b/static/img/projects/repairability-score-dashboard-thumbnail.png new file mode 100644 index 0000000..fce8de4 Binary files /dev/null and b/static/img/projects/repairability-score-dashboard-thumbnail.png differ diff --git a/static/img/projects/thinkpad-x220-tablet-upgrades-thumbnail.jpg b/static/img/projects/thinkpad-x220-tablet-upgrades-thumbnail.jpg new file mode 100644 index 0000000..f9a4432 Binary files /dev/null and b/static/img/projects/thinkpad-x220-tablet-upgrades-thumbnail.jpg differ