My personal Website

README.md

@@ -0,0 +1 @@
+# PersonalSite-V3

css/chessboard-1.0.0.css

@@ -0,0 +1,59 @@
+/*! chessboard.js v1.0.0 | (c) 2019 Chris Oakman | MIT License chessboardjs.com/license */
+
+.clearfix-7da63 {
+  clear: both;
+}
+
+.board-b72b1 {
+  border: 2px solid #404040;
+  box-sizing: content-box;
+}
+.highlight-white {
+  box-shadow: inset 0 0 3px 3px yellow;
+}
+.highlight-black {
+  box-shadow: inset 0 0 3px 3px blue;
+}
+.square-55d63 {
+  float: left;
+  position: relative;
+
+  /* disable any native browser highlighting */
+  -webkit-touch-callout: none;
+    -webkit-user-select: none;
+     -khtml-user-select: none;
+       -moz-user-select: none;
+        -ms-user-select: none;
+            user-select: none;
+}
+
+.white-1e1d7 {
+  background-color: #f0d9b5;
+  color: #b58863;
+}
+
+.black-3c85d {
+  background-color: #b58863;
+  color: #f0d9b5;
+}
+
+.highlight1-32417, .highlight2-9c5d2 {
+  box-shadow: inset 0 0 3px 3px yellow;
+}
+
+.notation-322f9 {
+  cursor: default;
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 14px;
+  position: absolute;
+}
+
+.alpha-d2270 {
+  bottom: 1px;
+  right: 3px;
+}
+
+.numeric-fc462 {
+  top: 2px;
+  left: 2px;
+}

css/featured_projects.css

@@ -0,0 +1,100 @@
+.ss-container{
+    width: 100%;
+    position: relative;
+    text-align: left;
+    float: left;
+    overflow: hidden;
+    padding-bottom: 100px;
+}
+.ss-container:before{
+    position: absolute;
+    width: 3px;
+    background: rgba(17,17,22,0.8);
+    top: 0px;
+    left: 50%;
+    margin-left: -2px;
+    content: '';
+    height: 80%;
+}
+.ss-row{
+    width: 100%;
+    clear: both;
+    float: left;
+    position: relative;
+    padding: 30px 0;
+    margin: 3vh auto;
+}
+.ss-left, .ss-right{
+    float: left;
+    width: 48%;
+    position: relative;
+}
+.ss-right{
+    padding-left: 2%;
+}
+.ss-left{
+    text-align: right;
+    float: left;
+    padding-right: 2%;
+}
+.ss-circle{
+    border-radius: 50%;
+    overflow: hidden;
+    display: block;
+    text-indent: -9000px;
+    text-align: left;
+    -webkit-box-shadow:
+            0px 2px 5px rgba(0,0,0,0.7) inset,
+            0px 0px 0px 12px rgba(61,64,85,0.3);
+    -moz-box-shadow:
+            0px 2px 5px rgba(0,0,0,0.7) inset,
+            0px 0px 0px 12px rgba(61,64,85,0.3);
+    box-shadow:
+            0px 2px 5px rgba(0,0,0,0.7) inset,
+            0px 0px 0px 12px rgba(61,64,85,0.3);
+    background-size: cover;
+    background-color: #f0f0f0;
+    background-repeat: no-repeat;
+    background-position: center center;
+    position: static;
+    -moz-filter: drop-shadow(12px 16px 7px #050512);
+    -webkit-filter: drop-shadow(12px 16px 7px #050512);
+    filter: drop-shadow(12px 16px 7px  #050512);
+}
+.ss-large .ss-circle{
+    width: 300px;
+    height: 300px;
+}
+.ss-small .ss-circle{
+    width: 200px;
+    height: 200px;
+}
+.ss-left .ss-circle{
+    float: right;
+    margin-right: 30%;
+}
+.ss-right .ss-circle{
+    float: left;
+    margin-left: 30%;
+}
+
+
+.ss-circle-2 {
+    background-image: url(../extras/img/icons/icon4.png);
+}
+
+.raccoon_pj{
+    background-image: url(../extras/img/experience/projects/raccoon.png);
+}
+.robotarm_pj{
+    background-image: url(../extras/img/experience/projects/robotarm.JPG);
+}
+.pacman_pj{
+    background-image: url(../extras/img/experience/projects/pacman.JPG);
+}
+.baxter_pj{
+    background-image: url(../extras/img/experience/projects/baxter.JPG);
+}
+.ss-circle-2 {
+    background-image: url(../extras/img/icons/icon4.png);
+}