Browse Source

Added favicon, populated about text and added about css

Ethan N. Paul 1 year ago
parent
commit
bbe30c8572
3 changed files with 16 additions and 13 deletions
  1. 3
    3
      css/style.css
  2. BIN
      favicon.ico
  3. 13
    10
      index.html

+ 3
- 3
css/style.css View File

@@ -484,9 +484,9 @@ body.mobile-nav-active #mobile-nav-toggle {
484 484
 }
485 485
 
486 486
 #about .about-title {
487
-  color: #333;
488
-  font-weight: 700;
489
-  font-size: 28px;
487
+  color: #bababa;
488
+  font-weight: 600;
489
+  font-size: 20px;
490 490
 }
491 491
 
492 492
 #about .about-text {

BIN
favicon.ico View File


+ 13
- 10
index.html View File

@@ -29,8 +29,11 @@
29 29
   <meta name="twitter:image:alt" content="ENPN">
30 30
 
31 31
   <!-- Page title and favicon definition -->
32
-  <title>E.N. Paul</title>
32
+  <title>ENPaul Homepage</title>
33 33
   <link rel="shortcut icon" href="img/e-b.png">
34
+  <link rel="apple-touch-icon" sizes="180x180" href="img/e-b.png">
35
+  <link rel="icon" type="image/png" href="img/e-b.png" sizes="32x32">
36
+  <link rel="icon" type="image/png" href="img/e-b.png" sizes="16x16">
34 37
 
35 38
   <!-- CSS references -->
36 39
   <link href="css/bootstrap.min.css" rel="stylesheet">
@@ -101,8 +104,9 @@
101 104
     <div class="container">
102 105
       <div class="row">
103 106
         <div class="col-md-12">
104
-          <h3 class="section-title">About Me</h3>
107
+          <h3 class="section-title">About</h3>
105 108
           <div class="section-title-divider"></div>
109
+          <p class="section-description">Hello, and welcome to my website! This is my main landing page where you can learn about me and my network.</p>
106 110
         </div>
107 111
       </div>
108 112
     </div>
@@ -112,18 +116,17 @@
112 116
           <img class="about-portrait" src="img/e-w.png" alt="Ethan N. Paul"/>
113 117
         </div>
114 118
         <div class="col-md-6">
115
-          <h2 class="about-title">We provide great services and ideass</h2>
119
+          <h2 class="about-title">Who I Am</h2>
116 120
           <p class="about-text">
117
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
118
-            in reprehenderit in voluptate
121
+            My name is Ethan Paul. I am currently an engineering student at Worcester Polytechnic Institute studying Mechanical Engineering. I am an avid outdoorsman, former Boy Scout, and can make a mean omlette (if I do say so myself). I'm also a Type 1 Diabetic, working on joining the Artificial Pancreas and OpenOMNI projects.
119 122
           </p>
123
+          <h2 class="about-title">What I Do</h2>
120 124
           <p class="about-text">
121
-            Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim
122
-            id est laborum
125
+             Lots of things! I work at WPI Network Operations and spent three years as an intern for SolidWorks. I also enjoy programming, fixing my aging car, hiking, and squeezing extra years of life out of old technology.
123 126
           </p>
127
+          <h2 class="about-title">My Network</h2>
124 128
           <p class="about-text">
125
-            Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim
126
-            id est laborum
129
+            The ENPaul Network (ENPN) is a homelab environment designed, created, and maintained by/for myself. To be clear: the things I do with my servers are completely unnecessary and wholly ridiculous. I do them anyway because they're fun! See the Network Section to learn more.
127 130
           </p>
128 131
         </div>
129 132
       </div>
@@ -246,7 +249,7 @@
246 249
     </div>
247 250
   </footer>
248 251
 
249
-  <a href="#about" class="back-to-top"><span title="Back to top"><i class="fa fa-chevron-up"></i></span></a>
252
+  <a href="#top" class="back-to-top"><span title="Back to top"><i class="fa fa-chevron-up"></i></span></a>
250 253
 
251 254
 </body>
252 255
 

Loading…
Cancel
Save