Add projects and tutorials

2026-03-16 18:03:17 +00:00
parent fc54c3bd4e
commit 4e94902f01
132 changed files with 19170 additions and 65 deletions
--- a/archive/v1/style.css
+++ b/archive/v1/style.css
@@ -0,0 +1,193 @@
+body{
+ overflow-x: hidden;
+}
+
+@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');
+.navbar-inverse {
+  background: white;
+  border-bottom: none;
+}
+
+a{font-family: 'Roboto Condensed', sans-serif;}
+.navbar-inverse .navbar-toggle {
+  border: 1px solid #333;
+  border-color: rgba(0, 0, 0, 0.7);
+  background-color: black;
+}
+
+
+.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
+  border-color: transparent;
+  background-color: white;
+}
+
+@media (max-width: 767px) {
+  .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
+    background-color: #777;
+  }
+}
+
+.navbar-inverse .navbar-nav > li > a {
+  color: black;
+  background-color: white;
+}
+
+.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
+  background-color: white;
+  color: black;
+  text-decoration: none;
+  font-weight: bold;
+}
+
+.small-logo-container {
+  padding-top: 50px;
+  height: 50px;
+  overflow: hidden;
+  position: absolute;
+  background-color: white;
+}
+
+.small-logo {
+  background: white;
+  color: black;
+  font-size: 2.5em;
+  padding-bottom: 2px;
+}
+
+/* *********************************
+           Big Logo
+  ********************************** */
+.big-logo-row {
+  background: white;
+  color: black;
+}
+.big-logo-row .big-logo-container {
+  padding-top: 50px;
+}
+.big-logo-row h1 {
+  font-size: 4em;
+  margin: 0;
+  padding: 0 0 15px 0;
+}
+@media (min-width: 400px) {
+  .big-logo-row h1 {
+    font-size: 4.5em;
+  }
+}
+@media (min-width: 440px) {
+  .big-logo-row h1 {
+    font-size: 5.5em;
+  }
+}
+@media (min-width: 500px) {
+  .big-logo-row h1 {
+    font-size: 6.5em;
+  }
+}
+@media (min-width: 630px) {
+  .big-logo-row h1 {
+    font-size: 7.5em;
+    overflow-x: hidden;
+  }
+}
+@media (min-width: 768px) {
+  .big-logo-row h1 {
+    font-size: 9em;
+    padding-bottom: 30px;
+    overflow-x: hidden;
+  }
+}
+@media (min-width: 1200px) {
+  .big-logo-row h1 {
+    font-size: 12em;
+   overflow-x: hidden;
+  }
+}
+
+h2{
+  font-size: 41px;
+  font-weight: bold;
+  font-family: 'Roboto Condensed', sans-serif;
+  color: black;
+}
+
+p{
+  font-size: 20px;
+  font-family: 'Roboto Condensed', sans-serif;
+  color: #333;
+  text-decoration: none;
+}
+
+h3{
+  text-align: center;
+  font-size: 30px;
+  font-family: 'Roboto Condensed', sans-serif;
+  color: black;
+}
+
+.projects, .intro{
+  border-bottom: thin solid #333;
+
+}
+
+.picturebox{
+  list-style-type: none;
+  float: left;
+}
+
+footer{
+  padding: 20px;
+  background-color: #e0e0e0;
+  font-family: 'Roboto Condensed', sans-serif;
+}
+
+.navbar navbar-inverse navbar-fixed-top::-webkit-scrollbar {
+ width: 0px;
+ background: transparent;
+}
+
+#photos {
+  opacity: .88;
+}
+
+#photos img {
+  width: 30%;
+  float: left;
+  display: block;
+  margin: 2px;
+}
+
+ul {
+  list-style: none;
+  margin: 0px auto;
+  padding: 10px;
+  display: block;
+  max-width: 780px;
+  text-align: center;
+}
+
+#overlay {
+  background: rgba(0,0,0, .8);
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  display: none;
+  text-align: center;
+}
+
+#overlay img {
+  margin: 10% auto 0;
+  width: 550px;
+  border-radius: 5px;
+}
+
+#photos {
+  width: 100%;
+}
+
+#photo-gallery {
+  width: 100%;
+}
+