Adaptive header

2019-10-15 19:21:58 +03:00
parent 83778d045f
commit 0e58f03b09
9 changed files with 23 additions and 18754 deletions
@@ -17,7 +17,7 @@
        <div class="project-item">
            <div>
                <h1>@p.Title</h1>
-                <p>@p.Description</p>
+                <p class="description">@p.Description</p>
                <a href="@(p.Link)" target="_blank">@p.LinkCaption</a>
            </div>
            <div>
@@ -28,6 +28,7 @@
            </div>
        </div>
    }
+    <script type="text/javascript">UpdateProjects();</script>
 </article>

 <link rel="stylesheet" type="text/css" href="~/css/Projects.css" />
@@ -23,7 +23,7 @@
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 </head>
-    <body onload="UpdateProjects()">
+    <body>
        <nav class="navbar">
            <a asp-controller="Home" asp-action="Index">XFox111.NET</a>

@@ -35,8 +35,8 @@
                <li><a asp-controller="Contacts" asp-action="Index">Contacts();</a></li>
            </menu>

-            <a asp-controller="Home" asp-action="SwitchLanguage" lang="ru">РУС &#xE12B;</a>
-            <a style="cursor: pointer; display:none;" class="menu-toggle" onclick="ToggleMenu();">&#xE700;</a>
+            <a class="language-switch" asp-controller="Home" asp-action="SwitchLanguage" lang="ru">РУС &#xE12B;</a>
+            <a class="menu-toggle" onclick="ToggleMenu();">&#xE700;</a>

            <menu type="toolbar" id="compact-menu" style="display:none">
                <li><a asp-controller="About" asp-action="Index">AboutMe();</a></li>
@@ -10,12 +10,6 @@
    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");
 }

-@font-face {
-    font-family: 'Segoe UI';
-    src: url("/fonts/segoeUI.eot");
-    src: url("/fonts/segoeUI.eot?#iefix") format("embedded-opentype"), url("/fonts/segoeUI.otf") format("opentype"), url("/fonts/segoeUI.svg") format("svg"), url("/fonts/segoeUI.ttf") format("truetype"), url("/fonts/segoeUI.woff") format("woff"), url("/fonts/segoeUI.woff2") format("woff2");
-}
-
 /*Header styles*/
 .navbar {
    display: grid;
@@ -44,6 +38,14 @@
    margin-right: 20px;
 }

+.language-switch {
+    grid-column: 3/3;
+}
+.menu-toggle {
+    grid-column: 4/4;
+    display: none;
+    cursor: pointer;
+}
 #compact-menu {
    grid-row: 2/2;
    list-style: none;
@@ -97,3 +99,13 @@ article a:visited, article a:link {
 .comment, .comment:visited {
    color: #57a64a;
 }
+
+/*Adaptive code*/
+@media only screen and (max-width: 1000px) {
+    .main-menu {
+        display: none;
+    }
+    .menu-toggle {
+        display: initial;
+    }
+}