CV page done

MyWebsite/MyWebsite/MyWebsite.csproj.user

@@ -5,7 +5,7 @@
     <Controller_SelectedScaffolderCategoryPath>root/Controller</Controller_SelectedScaffolderCategoryPath>
     <WebStackScaffolding_ControllerDialogWidth>600</WebStackScaffolding_ControllerDialogWidth>
     <WebStackScaffolding_IsLayoutPageSelected>True</WebStackScaffolding_IsLayoutPageSelected>
-    <WebStackScaffolding_IsPartialViewSelected>False</WebStackScaffolding_IsPartialViewSelected>
+    <WebStackScaffolding_IsPartialViewSelected>True</WebStackScaffolding_IsPartialViewSelected>
     <WebStackScaffolding_IsReferencingScriptLibrariesSelected>False</WebStackScaffolding_IsReferencingScriptLibrariesSelected>
     <WebStackScaffolding_LayoutPageFile />
     <WebStackScaffolding_IsAsyncSelected>False</WebStackScaffolding_IsAsyncSelected>

MyWebsite/MyWebsite/Startup.cs

@@ -51,7 +51,7 @@ namespace MyWebsite
             {
                 routes.MapRoute(
                     name: "default",
-                    template: "{controller=Home}/{action=Index}/{id?}");
+                    template: "{controller=Home}/{action=Index}");
             });
         }
     }

MyWebsite/MyWebsite/Views/CV/Index.cshtml

@@ -8,7 +8,7 @@
     <a class="comment" asp-action="Download">// Download CV (.pdf) &#xE118;</a>
 </header>
 
-<article class="info-block">
+<article>
     <h3>Michael (Mikhail) A. Gordeev</h3>
     <hr>
     <p>
@@ -152,30 +152,4 @@
     <p>On request.</p>
 </article>
 
-<div class="contact-me">
-    <code>
-        <var>if</var> (<var class="class">You</var>.InsterestedInMe)<br />
-        <span class="tab"></span><var class="method">ContactMe</var>();<br />
-        <br />
-        <a class="comment">// All links are clickable</a><br />
-        <var>public void</var> <var class="method">ConatactMe</var>()<br />
-        {<br />
-        <span class="tab"></span><var>string</var> email = <a class="string" href="mailto:michael.xfox@outlook.com">"mihcael.xfox@outlook.com"</a>;<br />
-        <span class="tab"></span><var class="class">Link</var>[] socialNetworks = <var>new</var> <var class="class">Link</var>[]<br />
-        <span class="tab"></span>{<br />
-        <span class="tab"></span><span class="tab"></span><var>new</var> <var class="class">Link</var>(<a class="string">"LinkedIn"</a>, <a class="string" href="//linkedin.com/xfox">"https://linkedin.com/xfox"</a>),<br />
-        <span class="tab"></span><span class="tab"></span><var>new</var> <var class="class">Link</var>(<a class="string">"GitHub"</a>, <a class="string" href="//github.com/xfox111">"https://github.com/xfox111"</a>),<br />
-        <span class="tab"></span><span class="tab"></span><var>new</var> <var class="class">Link</var>(<a class="string">"Twitter"</a>, <a class="string" href="//twitter.com/xfox111">"https://twitter.com/xfox111"</a>),<br />
-        <span class="tab"></span><span class="tab"></span><var>new</var> <var class="class">Link</var>(<a class="string">"Vkontakte"</a>, <a class="string" href="//vk.com/xfox.mike">"https://vk.com/xfox.mike"</a>)<br />
-        <span class="tab"></span>}<br />
-        }<br />
-        <br />
-        <a class="comment">// Copyright &copy;2019 Michael "XFox" Gordeev</a>
-    </code>
-
-    <style type="text/css">
-        footer {
-            display: none;
-        }
-    </style>
-</div>
+<partial name="~/Views/Shared/ContactsBlock.cshtml" />

MyWebsite/MyWebsite/Views/Contacts/Index.cshtml

@@ -7,7 +7,7 @@
     <h1>Contact information</h1>
 </header>
 
-<article class="info-block">
+<article>
     <p>
         <a class="socicon-outlook"></a> Email: <a href="mailto:michael.xfox@outlook.com">michael.xfox@outlook.com</a><br>
         <a class="socicon-linkedin"></a> LinkedIn: <a href="https://linkedin.com/in/xfox" target="_blank">@@xfox</a><br>

MyWebsite/MyWebsite/Views/Projects/Index.cshtml

@@ -3,7 +3,7 @@
     ViewData["Title"] = "My projects";
 }
 
-<header class="projects-header">
+<header>
     <div>
         <h1>My projects</h1>
         <h3>Here is presented the most of projects I worked on</h3>
@@ -11,20 +11,16 @@
     <iframe src="//githubbadge.appspot.com/xfox111" style="width: 200px; height: 110px;" class="github-stats" frameborder="0"></iframe>
 </header>
 
-<article class="projects-block">
+<article>
     @foreach (Project p in ViewData["Images"] as Project[])
     {
         <div class="project-item">
-            @if (!string.IsNullOrWhiteSpace(p.ImageName))
-            {
-                <!--<a target="_blank" class="thumbnail" href="~/images/Projects/@(p.ImageName)"><img src="~/images/Projects/@(p.ImageName)" /></a>-->
-            }
-            <div class="text">
+            <div>
                 <h1>@p.Title</h1>
-                <p class="description">@p.Description</p>
+                <p>@p.Description</p>
                 <a href="@(p.Link)" target="_blank">@p.LinkCaption</a>
             </div>
-            <div class="badges">
+            <div>
                 @foreach (string i in p.Badges)
                 {
                     <div class="badge @i"></div>
@@ -33,3 +29,5 @@
         </div>
     }
 </article>
+
+<link rel="stylesheet" type="text/css" href="~/css/Projects.css" />

MyWebsite/MyWebsite/Views/Shared/ContactsBlock.cshtml

@@ -0,0 +1,23 @@
+<div class="contact-me">
+    <code>
+        <var>if</var> (<var class="class">You</var>.InsterestedInMe)<br />
+        <span class="t1"></span><var class="method">ContactMe</var>();<br />
+        <br />
+        <a class="comment">// All links are clickable</a><br />
+        <var>public void</var> <var class="method">ConatactMe</var>()<br />
+        {<br />
+        <span class="t1"></span><var>string</var> email = <a class="string" href="mailto:michael.xfox@outlook.com">"mihcael.xfox@outlook.com"</a>;<br />
+        <span class="t1"></span><var class="class">Link</var>[] socialNetworks = <var>new</var> <var class="class">Link</var>[]<br />
+        <span class="t1"></span>{<br />
+        <span class="t2"></span><var>new</var> <var class="class">Link</var>(<a class="string">"LinkedIn"</a>, <a class="string" target="_blank" href="//linkedin.com/xfox">"https://linkedin.com/xfox"</a>),<br />
+        <span class="t2"></span><var>new</var> <var class="class">Link</var>(<a class="string">"GitHub"</a>, <a class="string" target="_blank" href="//github.com/xfox111">"https://github.com/xfox111"</a>),<br />
+        <span class="t2"></span><var>new</var> <var class="class">Link</var>(<a class="string">"Twitter"</a>, <a class="string" target="_blank" href="//twitter.com/xfox111">"https://twitter.com/xfox111"</a>),<br />
+        <span class="t2"></span><var>new</var> <var class="class">Link</var>(<a class="string">"Vkontakte"</a>, <a class="string" target="_blank" href="//vk.com/xfox.mike">"https://vk.com/xfox.mike"</a>)<br />
+        <span class="t1"></span>}<br />
+        }<br />
+        <br />
+        <a class="comment">// Copyright &copy;2019 Michael "XFox" Gordeev</a>
+    </code>
+
+    <link rel="stylesheet" type="text/css" href="~/css/ContactsBlock.css" />
+</div>

MyWebsite/MyWebsite/Views/Shared/Index.cshtml

@@ -3,14 +3,8 @@
     ViewData["Title"] = "About me";
 }
 
-<header>
-    <h1>About me</h1>
-</header>
+<article>
     
-<article class="info-block">
-    <img src="~/images/me.jpg" />
-    <p>
-
-    </p>
 </article>
 
+<partial name="~/Views/Shared/ContactsBlock.cshtml"/>

MyWebsite/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/MyWebsite/wwwroot/css/Projects.css

@@ -0,0 +1,39 @@
+header {
+    display: grid;
+    margin-bottom: 20px;
+    grid-template-columns: 1fr auto;
+}
+
+article {
+    margin: 0px 10px;
+}
+
+.github-stats {
+    margin-top: 20px;
+}
+
+.project-item {
+    display: grid;
+    padding: 0px 20px 20px 20px;
+    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"); }

MyWebsite/MyWebsite/wwwroot/css/Style.css

@@ -77,13 +77,14 @@ main {
     min-height: calc(100vh - 130px);
 }
 
-.info-block {
+article, header {
     margin: 0px 50px;
 }
 
-header {
-    margin: 0px 50px;
+article a:visited, article a:link {
+    color: blue;
 }
+
 header a {
     text-decoration: none;
     color: black;
@@ -109,13 +110,6 @@ header a:hover {
     margin: 0px;
 }
 
-article a:visited {
-    color: blue;
-}
-article a:link {
-    color: blue;
-}
-
 .gallery img {
     transition: .25s;
     object-fit: cover;
@@ -128,106 +122,6 @@ article a:link {
     transform: scale(1.25);
 }
 
-.github-stats {
-    margin-top: 20px;
-    grid-column: 2 / 2;
-}
-
-.projects-block {
-    margin: 0px 10px;
-}
-
-.projects-header {
-    display: grid;
-    margin-bottom: 20px;
-    grid-template-columns: 1fr auto;
-}
-
-.project-item {
-    display: grid;
-    grid-template-columns: auto 1fr;
-    grid-template-rows: auto auto;
-    grid-column-gap: 20px;
-
-    background-color: whitesmoke;
-    margin-bottom: 10px;
-}
-.project-item .thumbnail {
-    grid-column: 1/1;
-    grid-row: 1/3;
-}
-.project-item .thumbnail img {
-    max-height: 220px;
-}
-.badges {
-    grid-column: 2/2;
-    grid-row: 2/2; 
-    margin-bottom: 20px;
-    align-self: end;
-}
-
-.project-item .text {
-    grid-column: 2/2;
-    grid-row: 1/1;
-    margin-bottom: 15px;
-}
-
-.text div {
-    margin-top: 20px;
-}
-
-.badge {
-    height: 25px;
-    width: 25px;
-    margin-right: 10px !important;
-    display: inline-block;
-    background-size: contain;
-}
-
-.comment {
+.comment, .comment:visited {
     color: #57a64a;
 }
-.comment:visited {
-    color: #57a64a;
-}
-.tab {
-    margin-right: 25px;
-}
-.contact-me {
-    padding: 30px 50px;
-    background-color: #1e1e1e;
-    color: white;
-}
-code {
-    font: inherit;
-}
-var {
-    color: #569cd6;
-    font: inherit;
-}
-.class {
-    color: #4ec9b0;
-}
-.string {
-    color: #d69d85;
-    text-decoration: none;
-}
-.string:link:hover {
-    text-decoration: underline;
-}
-.string:visited {
-    color: #d69d85;
-    text-decoration: none;
-}
-.method {
-    color: rgb(220, 220, 170);
-}
-
-.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"); }