Change subtitle to an after

Lnleite · Lnleite · commit ce29a5e76f04 · 2019-03-02T19:12:29.000-06:00
Did this so it will not load in before the main title.
diff --git a/css/index.css b/css/index.css
@@ -155,6 +155,12 @@ html.sr .load-hidden {
   padding: 10px 5%;
 }
 .navigation .nav .logo {
+  font-family: "YellowTail", cursive;
+  font-size: 1.5rem;
+  font-weight: bold;
+}
+.navigation .nav .logo a {
+  text-decoration: none;
   color: #ffffff;
 }
 .navigation .nav .hamburger {
@@ -267,6 +273,12 @@ header .jumboTxt h1 {
     font-size: 4rem;
   }
 }
+header .jumboTxt h1::after {
+  content: "Full Stack Web Developer";
+  display: block;
+  font-size: 2rem;
+  font-family: "Roboto", "Helvetica";
+}
 header .jumboTxt p {
   font-size: 2rem;
 }
diff --git a/index.html b/index.html
@@ -7,10 +7,10 @@
   <title>Lauren Dubose</title>
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <link rel="stylesheet" type="text/css" media="screen" href="css/index.css" />
+  <link href="https://fonts.googleapis.com/css?family=Yellowtail" rel="stylesheet">
   <link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet">
   <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css"
     integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
-  <link href="https://fonts.googleapis.com/css?family=Yellowtail" rel="stylesheet">
   <link rel="stylesheet"
     href="https://cdn.rawgit.com/konpa/devicon/df6431e323547add1b4cf45992913f15286456d3/devicon.min.css">
   <script src="https://unpkg.com/scrollreveal@4.0.0/dist/scrollreveal.min.js"></script>
@@ -21,7 +21,7 @@
 <body>
   <section class="navigation">
     <div class="nav container">
-      <div class="logo">LND</div>
+      <div class="logo"><a href="#">LND</a></div>
       <div class="hamburger">
         <p></p>
         <p></p>
@@ -43,7 +43,7 @@
     <div class="jumboImg loading"></div>
     <div class="container jumboTxt">
       <h1>Lauren Dubose</h1>
-      <p>Full Stack Web Developer</p>
+      <!-- <p>Full Stack Web Developer</p> -->
     </div>
   </header>
   <div class="home">
diff --git a/less/jumbo.less b/less/jumbo.less
@@ -45,6 +45,13 @@ header {
       @media @phone {
         font-size: 4rem;
       }
+
+      &::after {
+        content: "Full Stack Web Developer";
+        display: block;
+        font-size: 2rem;
+        font-family: "Roboto", "Helvetica";
+      }
     }
 
     p {
diff --git a/less/nav.less b/less/nav.less
@@ -12,7 +12,14 @@
     padding: 10px 5%;
 
     .logo {
-      color: @navColor;
+      font-family: "YellowTail", cursive;
+      font-size: 1.5rem;
+      font-weight: bold;
+
+      a {
+        text-decoration: none;
+        color: @navColor;
+      }
     }
 
     .hamburger {

Original file line number	Diff line number	Diff line change
`@@ -155,6 +155,12 @@ html.sr .load-hidden {`
`155`	`155`	`padding: 10px 5%;`
`156`	`156`	`}`
`157`	`157`	`.navigation .nav .logo {`
	`158`	`+ font-family: "YellowTail", cursive;`
	`159`	`+ font-size: 1.5rem;`
	`160`	`+ font-weight: bold;`
	`161`	`+}`
	`162`	`+.navigation .nav .logo a {`
	`163`	`+ text-decoration: none;`
`158`	`164`	`color: #ffffff;`
`159`	`165`	`}`
`160`	`166`	`.navigation .nav .hamburger {`
`@@ -267,6 +273,12 @@ header .jumboTxt h1 {`
`267`	`273`	`font-size: 4rem;`
`268`	`274`	`}`
`269`	`275`	`}`
	`276`	`+header .jumboTxt h1::after {`
	`277`	`+ content: "Full Stack Web Developer";`
	`278`	`+ display: block;`
	`279`	`+ font-size: 2rem;`
	`280`	`+ font-family: "Roboto", "Helvetica";`
	`281`	`+}`
`270`	`282`	`header .jumboTxt p {`
`271`	`283`	`font-size: 2rem;`
`272`	`284`	`}`
Original file line number	Diff line number	Diff line change
`@@ -45,6 +45,13 @@ header {`
`45`	`45`	`@media @phone {`
`46`	`46`	`font-size: 4rem;`
`47`	`47`	`}`
	`48`	`+`
	`49`	`+ &::after {`
	`50`	`+ content: "Full Stack Web Developer";`
	`51`	`+ display: block;`
	`52`	`+ font-size: 2rem;`
	`53`	`+ font-family: "Roboto", "Helvetica";`
	`54`	`+ }`
`48`	`55`	`}`
`49`	`56`
`50`	`57`	`p {`