Repository cleanup, Added art

MyWebsite/wwwroot/css/AboutMe.css

@@ -0,0 +1,37 @@
+article {
+    margin: 0px;
+}
+
+.block {
+    position: relative;
+    margin-bottom: -10px;
+    z-index: -1;
+}
+.block .content {
+    position: absolute;
+}
+.block .background {
+    width: 100%;
+}
+
+.intro {
+    color: white;
+    background-color: #00a7dc;
+    font-size: 36px;
+    text-shadow: 2px 2px 1px black;
+}
+.intro .content {
+    bottom: 50px;
+    left: 50px;
+    max-width: 65%;
+}
+
+.sut {
+    color: white;
+    background-color: #ff8000;
+    font-size: 24px;
+    text-shadow: 2px 2px 1px black;
+}
+.sut .content {
+    margin: 50px 50px;
+}

MyWebsite/wwwroot/css/ContactsBlock.css

@@ -0,0 +1,37 @@
+footer {
+    display: none;
+}
+
+.contact-me {
+    padding: 30px 50px;
+    background-color: #1e1e1e;
+    color: white;
+}
+
+code {
+    font: inherit;
+}
+
+var {
+    color: #569cd6;
+    font: inherit;
+}
+
+.class {
+    color: #4ec9b0;
+}
+
+.string, .string:visited {
+    color: #d69d85;
+    text-decoration: none;
+}
+.string:link:hover {
+    text-decoration: underline;
+}
+
+.method {
+    color: #dcdcaa;
+}
+
+.t1  { margin-right: 25px; }
+.t2  { margin-right: 50px; }

MyWebsite/wwwroot/css/Gallery.css

@@ -0,0 +1,23 @@
+.gallery img {
+    object-fit: cover;
+    max-height: 200px;
+    max-width: 100%;
+    margin: 2px;
+    transition: .25s;
+}
+.gallery img:hover {
+    filter: brightness(125%);
+    transform: scale(1.25);
+}
+
+.image-overview-block img {
+    max-height: 50vh;
+    max-width: 100%;
+    float: left;
+}
+.image-overview-block div {
+    display: inline-block;
+}
+.image-overview-block h1 {
+    margin-bottom: 0px;
+}

MyWebsite/wwwroot/css/Projects.css

@@ -0,0 +1,50 @@
+header {
+    display: grid;
+    grid-template-columns: 1fr auto;
+    grid-template-rows: auto auto;
+    grid-column-gap: 20px;
+    margin-bottom: 20px;
+}
+
+article {
+    margin: 0px 10px;
+}
+
+.github-stats {
+    margin-top: 20px;
+    width: 200px;
+    height: 110px;
+}
+
+.project-item {
+    display: grid;
+    padding: 20px;
+    padding-top: 0px;
+    grid-template-rows: auto auto;
+    grid-row-gap: 20px;
+    background-color: whitesmoke;
+    margin-bottom: 10px;
+}
+
+.badge {
+    height: 25px;
+    width: 25px;
+    margin-right: 10px;
+    display: inline-block;
+    background-size: contain;
+}
+
+.csharp { background-image: url(../images/Badges/csharp.png); }
+.dotnet { background-image: url("../images/Badges/dotnet.png"); }
+.xamarin { background-image: url("../images/Badges/xamarin.png"); }
+.unity { background-image: url("../images/Badges/unity.png"); }
+.android { background-image: url("../images/Badges/android.png"); }
+.uwp { background-image: url("../images/Badges/windows.png"); }
+.win32 { background-image: url("../images/Badges/windows.png"); }
+.windows { background-image: url("../images/Badges/windows.png"); }
+
+@media only screen and (max-width: 600px) {
+    .github-stats {
+        grid-row: 2;
+    }
+}

MyWebsite/wwwroot/css/Style.css

@@ -0,0 +1,114 @@
+@font-face {
+    font-family: 'Consolas';
+    src: url("/fonts/consolas.eot");
+    src: url("/fonts/consolas.eot?#iefix") format("embedded-opentype"), url("/fonts/consolas.otf") format("opentype"), url("/fonts/consolas.svg") format("svg"), url("/fonts/consolas.ttf") format("truetype"), url("/fonts/consolas.woff") format("woff"), url("/fonts/consolas.woff2") format("woff2");
+}
+
+@font-face {
+    font-family: 'Segoe MDL2 Assets';
+    src: url("/fonts/segoeMLD2assets.eot");
+    src: url("/fonts/segoeMLD2assets.eot?#iefix") format("embedded-opentype"), url("/fonts/segoeMLD2assets.otf") format("opentype"), url("/fonts/segoeMLD2assets.svg") format("svg"), url("/fonts/segoeMLD2assets.ttf") format("truetype"), url("/fonts/segoeMLD2assets.woff") format("woff"), url("/fonts/segoeMLD2assets.woff2") format("woff2");
+}
+
+/*Header styles*/
+.navbar {
+    display: grid;
+    grid-template-columns: auto 1fr auto auto;
+    grid-column-gap: 10px;
+    grid-template-rows: auto auto;
+    background-color: #343434;
+    position: sticky;
+    z-index: 10;
+    padding: 10px;
+    font-size: 26px;
+}
+
+.navbar a {
+    text-decoration: none;
+    color: white;
+}
+.navbar a:hover { 
+    color: gray; 
+}
+
+.main-menu { margin: 0px; }
+.main-menu li {
+    display: inline-block;
+    font-size: 20px;
+    margin-right: 20px;
+}
+
+.language-switch {
+    grid-column: 3;
+    display: none;
+    user-select: none
+}
+.menu-toggle {
+    grid-column: 4;
+    display: none;
+    cursor: pointer;
+    user-select: none;
+}
+#compact-menu {
+    grid-row: 2;
+    list-style: none;
+}
+#compact-menu li {
+    font-size: 20px;
+    margin-top: 10px;
+}
+
+/*Footer styles*/
+footer {
+    padding: 10px;
+    display: grid;
+    align-items: center;
+    grid-template-columns: 1fr auto auto auto;
+    grid-column-gap: 10px;
+}
+footer a {
+    text-decoration: none;
+    color: black;
+}
+footer a:hover { 
+    color: orangered;
+}
+
+/*Body styles*/
+body {
+    margin: 0px;
+    font-family: Consolas, 'Segoe MDL2 Assets';
+}
+main {
+    min-height: calc(100vh - 115px);    /*Page height minus footer requred space*/
+}
+
+header a {
+    text-decoration: none;
+    color: black;
+}
+header a:hover {
+    text-decoration: underline;
+}
+
+article, header {
+    margin: 0px 50px;
+}
+
+article a:visited, article a:link {
+    color: blue;
+}
+
+.comment, .comment:visited {
+    color: #57a64a;
+}
+
+/*Adaptive code*/
+@media only screen and (max-width: 1000px) {
+    .main-menu {
+        display: none;
+    }
+    .menu-toggle {
+        display: initial;
+    }
+}