Tidy up

crianonim · crianonim · commit 36c20562c768 · 2019-07-18T17:23:21.000+01:00
diff --git a/favicon.ico b/favicon.ico
diff --git a/feature-intro.js b/feature-intro.js
@@ -7,7 +7,7 @@ const introText = document.querySelector('.intro-text');
 
 const date = new Date();
 const hours = date.getHours();
-const minutes = date.getMinutes();
+// const minutes = date.getMinutes();
 // const day = date.getDay();
 // const month = date.getMonth();
 const dateString = date.toLocaleDateString();
@@ -19,5 +19,3 @@ introTitle.textContent = `Good ${timeOfDay}! `;
 introDate.textContent = `Today is ${dateString}`;
 introTime.textContent = `It's ${timeString}`;
 
-
-console.log(dateString,timeString,dateString2,timeOfDay,intro,introTitle,introTime,introDate,introText);
diff --git a/feature-meme.js b/feature-meme.js
@@ -1,7 +1,7 @@
 request("https://corporatebs-generator.sameerkumar.website/", function(response) {
   const sentence = document.querySelector('.sentence');
   let p = document.createElement('p')
-  p.textContent = JSON.stringify(response.phrase)
+  p.textContent = response.phrase;
   sentence.appendChild(p);
 });
 
diff --git a/index.html b/index.html
@@ -8,8 +8,9 @@
       href="https://fonts.googleapis.com/css?family=Open+Sans:400,800&display=swap"
       rel="stylesheet"
     />
+    <link rel="shortcut icon" href="favicon.ico" />
     <link rel="stylesheet" href="style.css" />
-    <title>Document</title>
+    <title>Trainspiration</title>
 </head>
 <body>
     <header>
diff --git a/style.css b/style.css
@@ -165,9 +165,9 @@ section {
 }
 
 .tube-reason {
-  transition: all 1s ;
-  transition-timing-function: ease-in;
-  max-height: 600px;
+  transition: all 0.5 s ;
+  transition-timing-function: ease-in-out;
+  max-height: 400px;
   /* border-bottom: 1px solid grey; */
   overflow-y: hidden;
 }
@@ -191,17 +191,19 @@ section {
 
 .sentence {
   position: absolute;
+  left:0; 
 } 
 
 .sentence p {
   font-family: "Open Sans", sans-serif;
   font-weight: 800;
   font-size: 1.5rem;
   color: #fff;
-  padding: 0.5em;
+  padding: 1rem;
   margin-bottom: 1em;
   -webkit-text-stroke: 0.1rem #000;
   text-align: center;
+  max-width: 100%;
 }
 
 .image {
@@ -222,7 +224,9 @@ section {
  }
 
 @media only screen and (min-width: 900px){
-
+ body {
+   padding: 2rem;
+ }
  section {
 
    max-width: 400px;
