Просмотр исходного кода

Move "about me" section to top of menu and make default.

Lee Morgan 4 лет назад
Родитель
Сommit
892b06701a
2 измененных файлов с 9 добавлено и 153 удалено
  1. 9 9
      views/main/index.html
  2. 0 144
      views/resume/resume.html

+ 9 - 9
views/main/index.html

@@ -4,26 +4,26 @@
         <meta charset="utf-8">
         <title>Lee Morgan</title>
         <link rel="stylesheet" href="/style">
-        <link href='https://api.mapbox.com/mapbox-gl-js/v2.3.1/mapbox-gl.css' rel='stylesheet' />
+        <link href='https://api.mapbox.com/mapbox-gl-js/v2.3.1/mapbox-gl.css' rel='stylesheet'>
     </head>
     <body>
         <div id="menu">
-            <button id="projectsButton" class="active">
+            <button id="aboutButton" class="active">
                 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                    <polyline points="16 18 22 12 16 6"></polyline>
-                    <polyline points="8 6 2 12 8 18"></polyline>
+                    <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
+                    <circle cx="12" cy="7" r="4"></circle>
                 </svg>
 
-                <p>Projects</p>
+                <p>About Me</p>
             </button>
 
-            <button id="aboutButton">
+            <button id="projectsButton">
                 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                    <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
-                    <circle cx="12" cy="7" r="4"></circle>
+                    <polyline points="16 18 22 12 16 6"></polyline>
+                    <polyline points="8 6 2 12 8 18"></polyline>
                 </svg>
 
-                <p>About Me</p>
+                <p>Projects</p>
             </button>
 
             <button id="blogButton">

+ 0 - 144
views/resume/resume.html

@@ -5,150 +5,6 @@
         <meta content="width=device-width, initial-scale=1" name="viewport">
         <title>Lee Morgan</title>
         <link rel="stylesheet" href="/resume/style">
-        <style>
-            *{margin:0;padding:0;}
-
-body{
-    display: flex;
-    justify-content: center;
-    width: 100%;
-    margin: 35px 0;
-}
-
-.everything{
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    max-width: 1000px;
-}
-
-header{
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    width: 100%;
-    height: 200px;
-    background: #152730;
-    color: #5FECE0;
-}
-
-.content{
-    display: flex;
-    width: 100%;
-    background: rgb(196, 198, 192);
-}
-
-.leftContent{
-    height: 100%;
-    width: 70%;
-}
-
-.leftItem{
-    padding: 35px;
-    padding-left: 50px;
-}
-
-.leftItem > h2{
-    margin-bottom: 25px;
-}
-
-.experience{
-    padding: 25px;
-}
-
-.jobReqs{
-    padding-left: 35px;
-}
-
-.rightContent{
-    display: flex;
-    flex-direction: column;
-    justify-content: flex-start;
-    height: 100%;
-    width: 30%;
-    border-left: 1px solid black;
-}
-
-.rightBox{
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-    box-sizing: border-box;
-    padding: 35px;
-}
-
-.rightBox ul{
-    list-style-type: none;
-}
-
-.rightBox li{
-    margin: 10px 0 10px 10px;
-}
-
-.link{
-    display: flex;
-    align-items: center;
-    margin-bottom: 25px;
-}
-
-.link a {
-    font-size: 16px;
-    margin-left: 5px;
-}
-
-.bottomBorder{
-    border-bottom: 1px solid black;
-    width: 95%;
-    margin: 0 auto;
-}
-
-.educ{
-    margin-top: 25px;
-    margin-left: 10px;
-}
-
-@media screen and (max-width: 1000px){
-    body{
-        margin: 0;
-    }
-
-    .everything{
-        width: 100%;
-    }
-
-    header h1{
-        text-align: center;
-    }
-
-    .content{
-        flex-direction: column;
-        align-items: center;
-    }
-
-    .leftContent, .rightContent{
-        width: 100%;
-    }
-
-    .leftItem{
-        padding: 20px;
-        text-align: justify;
-    }
-
-    .experience{
-        padding: 0 0 25px 0;
-    }
-
-    .rightContent{
-        border-left: none;
-        border-top: 1px solid black;
-    }
-
-    .bottomBorder{
-        width: 100%;
-    }
-}
-        </style>
     </head>
     <body>
         <div class="everything">