aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--favicon.icobin0 -> 3942 bytes
-rw-r--r--img/computer_inside.jpgbin0 -> 642244 bytes
-rw-r--r--img/dribbble.pngbin2570 -> 7491 bytes
-rw-r--r--img/experience.pngbin20173 -> 21569 bytes
-rwxr-xr-ximg/facebook.pngbin1309 -> 10576 bytes
-rw-r--r--img/gplus.pngbin2192 -> 7069 bytes
-rwxr-xr-ximg/logo.pngbin5871 -> 15408 bytes
-rw-r--r--img/proxy.jpgbin0 -> 616170 bytes
-rw-r--r--img/server_room.jpgbin0 -> 107183 bytes
-rw-r--r--img/sever_rack2.jpgbin0 -> 821951 bytes
-rw-r--r--img/switch.jpgbin0 -> 265847 bytes
-rwxr-xr-ximg/twitter.pngbin1781 -> 6591 bytes
-rwxr-xr-xindex.html13
-rwxr-xr-xstyle.css47
14 files changed, 55 insertions, 5 deletions
diff --git a/favicon.ico b/favicon.ico
new file mode 100644
index 0000000..bf9fa2a
--- /dev/null
+++ b/favicon.ico
Binary files differ
diff --git a/img/computer_inside.jpg b/img/computer_inside.jpg
new file mode 100644
index 0000000..d3ef487
--- /dev/null
+++ b/img/computer_inside.jpg
Binary files differ
diff --git a/img/dribbble.png b/img/dribbble.png
index 479bcf5..12a7ee0 100644
--- a/img/dribbble.png
+++ b/img/dribbble.png
Binary files differ
diff --git a/img/experience.png b/img/experience.png
index 6649855..34e5baf 100644
--- a/img/experience.png
+++ b/img/experience.png
Binary files differ
diff --git a/img/facebook.png b/img/facebook.png
index 18cb37d..c100a35 100755
--- a/img/facebook.png
+++ b/img/facebook.png
Binary files differ
diff --git a/img/gplus.png b/img/gplus.png
index 3d8b132..d9b1660 100644
--- a/img/gplus.png
+++ b/img/gplus.png
Binary files differ
diff --git a/img/logo.png b/img/logo.png
index bde1511..761b808 100755
--- a/img/logo.png
+++ b/img/logo.png
Binary files differ
diff --git a/img/proxy.jpg b/img/proxy.jpg
new file mode 100644
index 0000000..f87b4b5
--- /dev/null
+++ b/img/proxy.jpg
Binary files differ
diff --git a/img/server_room.jpg b/img/server_room.jpg
new file mode 100644
index 0000000..43b5139
--- /dev/null
+++ b/img/server_room.jpg
Binary files differ
diff --git a/img/sever_rack2.jpg b/img/sever_rack2.jpg
new file mode 100644
index 0000000..3788764
--- /dev/null
+++ b/img/sever_rack2.jpg
Binary files differ
diff --git a/img/switch.jpg b/img/switch.jpg
new file mode 100644
index 0000000..82935e6
--- /dev/null
+++ b/img/switch.jpg
Binary files differ
diff --git a/img/twitter.png b/img/twitter.png
index 79b45ee..aa4a5cb 100755
--- a/img/twitter.png
+++ b/img/twitter.png
Binary files differ
diff --git a/index.html b/index.html
index 035db53..c8fcb97 100755
--- a/index.html
+++ b/index.html
@@ -74,7 +74,18 @@
<img src="img/sever_rack.jpg" alt="server racks">
</div>
</div>
- <div id="project-list-container"></div>
+ <div id="project-list-container">
+ <div id="latest-title"><b>Latest Projects</b></div>
+ <div id="menu-project">
+ <nav>
+ <a href="#"><b>All</b></a>
+ <a href="#"><b>Hardware</b></a>
+ <a href="#"><b>Servers</b></a>
+ </nav>
+ </div>
+ <div><a href="#" id="view-all"><i>View All Projects</i></a></div>
+ <div id="latest-project-pics"><img src="img/server_room.jpg" alt="server_room"></div>
+ </div>
<div id="review-container"></div>
</body>
diff --git a/style.css b/style.css
index f3cf369..66a183c 100755
--- a/style.css
+++ b/style.css
@@ -1,3 +1,8 @@
+body {
+ background-color: #040217;
+ color: #ccccff;
+}
+
header{
display: flex;
justify-content: space-between;
@@ -10,7 +15,7 @@ header{
}
#contacts{
- display: flex;
+ display: none;
}
#contacts p{
@@ -29,7 +34,14 @@ header{
height: 2px;
margin-bottom: 5px;
position: relative;
- background: black;
+ background: white;
+}
+
+@media screen and (min-width: 750px) {
+ #contacts {
+ display: flex;
+ align-items: center;
+ }
}
/* Slideshow container */
@@ -41,14 +53,14 @@ header{
/* Caption text */
.text {
- color: black;
+ color: #ccccff;
font-size: 150%;
padding: 8px 12px;
position: absolute;
bottom: 8px;
width: 100%;
text-align: center;
- background-color: white;
+ background-color: #040217;
}
/* The dots/bullets/indicators */
@@ -100,4 +112,31 @@ header{
#picture img{
height: 100%;
width: 100%;
+}
+
+@media screen and (min-width: 1000px) {
+ #desc-and-pic-container{
+ flex-wrap: initial;
+ }
+ #picture img{
+ padding-top: 10px;
+ }
+}
+
+#project-list-container{
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-around;
+ align-items: center;
+ padding-top: 10px;
+}
+
+#project-list-container a {
+ color: white;
+ text-decoration: none;
+}
+
+#latest-project-pics img{
+ height: 100%;
+ width: 100%;
} \ No newline at end of file