|
19 | 19 |
|
20 | 20 | <link rel="stylesheet" href="/css/cover.css" /> |
21 | 21 |
|
| 22 | +<link rel="stylesheet" href="/css/nav.css" /> |
| 23 | +<link rel="stylesheet" href="/css/sidebar.css" /> |
| 24 | +<link rel="stylesheet" href="/css/cards.css" /> |
| 25 | +<link rel="stylesheet" href="/css/showcase.css" /> |
| 26 | +<link rel="stylesheet" href="/css/software.css" /> |
| 27 | +<link rel="stylesheet" href="/css/posts.css" /> |
22 | 28 |
|
23 | 29 |
|
24 | | - <title>Brian's Website</title> |
| 30 | + <title>Your Title</title> |
25 | 31 | </head> |
26 | 32 | <body> |
27 | 33 |
|
28 | 34 |
|
29 | | - <div class="cover"> |
| 35 | + <div class="masthead"> |
| 36 | + <nav> |
| 37 | + <div class="author-name-nav"> |
| 38 | + <li><a href="/">Brian C. Ferrari</a></li> |
| 39 | + </div> |
| 40 | + <a class="burger-nav" onclick="myFunction()"> |
| 41 | + <i class="fa-2x fa fa-bars"></i> |
| 42 | + </a> |
| 43 | + <div class="desktop-nav"><li> |
| 44 | + <a href="/pages/aboutMe">About Me</a> |
| 45 | +</li> |
| 46 | + |
| 47 | +<li> |
| 48 | + <a href="/pages/software">Software</a> |
| 49 | +</li> |
| 50 | + |
| 51 | +</div> |
| 52 | + <div id="hidden" class="mobile-nav"><li> |
| 53 | + <a href="/pages/aboutMe">About Me</a> |
| 54 | +</li> |
| 55 | + |
| 56 | +<li> |
| 57 | + <a href="/pages/software">Software</a> |
| 58 | +</li> |
| 59 | + |
| 60 | +</div> |
| 61 | + </nav> |
| 62 | +</div> |
| 63 | + |
| 64 | +<div class="cover"> |
30 | 65 | <div class="cover-photo"><img src="/assets/figs/me.jpg" alt="Brian C. Ferrari"></div> |
31 | 66 |
|
32 | 67 | <div class="cover-body"> |
|
41 | 76 | <p class="short-bio"> |
42 | 77 | Chemistry PhD Candidate at Leiden University |
43 | 78 | </p> |
44 | | - </div> |
45 | 79 |
|
46 | | - <div class="cover-nav"> |
47 | | - <button class="cover-button"> |
48 | | - <a href="/pages/aboutMe">About Me</a> |
49 | | - </button> |
50 | 80 | <button class="cover-button"> |
51 | 81 | <a href="/assets/items/cv.pdf">CV</a> |
52 | 82 | </button> |
53 | 83 | </div> |
54 | | - |
55 | 84 | <div class="cover-links"><ul><li> |
56 | 85 | <a href="https://www.linkedin.com/in/brian-ferrari-001b8a163/" target=_blank> |
57 | 86 | <i class="fa fa-brands fa-linkedin fa-2x" aria-hidden="true"></i> |
|
73 | 102 | <i class="fa fa-graduation-cap fa-2x" aria-hidden="true"></i> |
74 | 103 | </a></li> |
75 | 104 | </ul></div> |
76 | | -</div> |
77 | | - |
| 105 | +</div> |
78 | 106 |
|
79 | 107 |
|
80 | 108 | <!-- Content appended here --> |
|
0 commit comments