Skip to content

Commit 7d943eb

Browse files
zesamerizesameri
committed
mintenance mode
1 parent 897c3e4 commit 7d943eb

File tree

2 files changed

+95
-77
lines changed

2 files changed

+95
-77
lines changed

‎index.html‎

Lines changed: 16 additions & 77 deletions
Original file line numberDiff line numberDiff line change
@@ -1,79 +1,18 @@
1-
<!DOCTYPE html>
2-
<html lang="en">
3-
<head>
4-
<!-- Basic Page Information
5-
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
6-
<meta charset="utf-8">
7-
<title>Meredith Hoo</title>
8-
<meta name="description" content="A software developer interested in Cognitive Science, human interation, AI, looking for internships.">
9-
<meta name="author" content="Meredith Hoo">
10-
<!-- Mobile Specific Metas
11-
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
12-
<meta name="viewport" content="width=device-width, initial-scale=1">
13-
<!-- FONT–––––––––––––––––––––––––––––––––––––––––––––––––– -->
1+
<!doctype html>
2+
<title>Site Maintenance</title>
3+
<style>
4+
body { text-align: center; padding: 150px; }
5+
h1 { font-size: 50px; }
6+
body { font: 20px Helvetica, sans-serif; color: #333; }
7+
article { display: block; text-align: left; width: 650px; margin: 0 auto; }
8+
a { color: #dc8100; text-decoration: none; }
9+
a:hover { color: #333; text-decoration: none; }
10+
</style>
1411

15-
<!-- CSS
16-
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
17-
<link rel="stylesheet" href="css/main.css">
18-
<link rel="stylesheet" href="css/hero.css">
19-
<link rel="stylesheet" href="css/grid.css">
20-
<!-- Scripts
21-
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
22-
<script src="js/jquery-3.1.0.min.js"></script>
23-
<script src="js/main.js"></script>
24-
<!-- Favicon
25-
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
26-
<link rel="icon" href="assets/icon.png">
27-
28-
</head>
29-
30-
<body>
31-
<!-- Main Menu –––––––––––––––––––––––––––––––––––––––––––– -->
32-
<div class="hero">
33-
<br/>
34-
<h1> Meredith Hoo </h1>
35-
<p> I'm a software engineer based in New York, and <br>I want to work with the people and problems that shape society.</p>
36-
<button class="goto" ref="#menu" >enter</button>
37-
<div class="footer">
38-
<a href="https://github.com/merhoo"><img src="./assets/github-white.svg"></a>
39-
<a href="https://www.linkedin.com/in/merhoo/"><img src="assets/linkedin-logo-icon.svg"></a>
40-
</div>
12+
<article>
13+
<h1>I&rsquo;ll be back soon!</h1>
14+
<div>
15+
<p>Sorry for the inconvenience but I&rsquo;m performing some maintenance at the moment. If you need to you can always <a href="mailto:meredith.hoo1@gmail.com">contact me</a>, otherwise I&rsquo;ll be back online shortly!</p>
16+
<p>&mdash; Meredith Hoo</p>
4117
</div>
42-
43-
<!-- Grid ––––––––––––––––––––––––––––––––––––––––––––––– -->
44-
<div class="flex-parent" id="menu">
45-
<div class="flex-row">
46-
<div class="cell">
47-
<p class="front">about</p>
48-
<p class="back"></p>
49-
</div>
50-
<div class="cell">
51-
<p class="front">goals</p>
52-
<p class="back"></p>
53-
</div>
54-
</div>
55-
<div class="flex-row">
56-
<div class="cell">
57-
<p class="front">interests</p>
58-
<p class="back"></p>
59-
</div>
60-
<div class="cell">
61-
<p class="front">experience</p>
62-
<p class="back"></p>
63-
</div>
64-
</div>
65-
<div class="flex-row">
66-
<div class="cell">
67-
<p class="front">projects</p>
68-
<p class="back"></p>
69-
</div>
70-
<div class="cell">
71-
<p class="front">contact</p>
72-
<p class="back"></p>
73-
</div>
74-
</div>
75-
</div>
76-
77-
<!-- End Document ––––––––––––––––––––––––––––––– -->
78-
</body>
79-
</html>
18+
</article>

‎temp.html‎

Lines changed: 79 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,79 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<!-- Basic Page Information
5+
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
6+
<meta charset="utf-8">
7+
<title>Meredith Hoo</title>
8+
<meta name="description" content="A software developer interested in Cognitive Science, human interation, AI, looking for internships.">
9+
<meta name="author" content="Meredith Hoo">
10+
<!-- Mobile Specific Metas
11+
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
12+
<meta name="viewport" content="width=device-width, initial-scale=1">
13+
<!-- FONT–––––––––––––––––––––––––––––––––––––––––––––––––– -->
14+
15+
<!-- CSS
16+
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
17+
<link rel="stylesheet" href="css/main.css">
18+
<link rel="stylesheet" href="css/hero.css">
19+
<link rel="stylesheet" href="css/grid.css">
20+
<!-- Scripts
21+
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
22+
<script src="js/jquery-3.1.0.min.js"></script>
23+
<script src="js/main.js"></script>
24+
<!-- Favicon
25+
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
26+
<link rel="icon" href="assets/icon.png">
27+
28+
</head>
29+
30+
<body>
31+
<!-- Main Menu –––––––––––––––––––––––––––––––––––––––––––– -->
32+
<div class="hero">
33+
<br/>
34+
<h1> Meredith Hoo </h1>
35+
<p> I'm a software engineer based in New York, and <br>I want to work with the people and problems that shape society.</p>
36+
<button class="goto" ref="#menu" >enter</button>
37+
<div class="footer">
38+
<a href="https://github.com/merhoo"><img src="./assets/github-white.svg"></a>
39+
<a href="https://www.linkedin.com/in/merhoo/"><img src="assets/linkedin-logo-icon.svg"></a>
40+
</div>
41+
</div>
42+
43+
<!-- Grid ––––––––––––––––––––––––––––––––––––––––––––––– -->
44+
<div class="flex-parent" id="menu">
45+
<div class="flex-row">
46+
<div class="cell">
47+
<p class="front">about</p>
48+
<p class="back"></p>
49+
</div>
50+
<div class="cell">
51+
<p class="front">goals</p>
52+
<p class="back"></p>
53+
</div>
54+
</div>
55+
<div class="flex-row">
56+
<div class="cell">
57+
<p class="front">interests</p>
58+
<p class="back"></p>
59+
</div>
60+
<div class="cell">
61+
<p class="front">experience</p>
62+
<p class="back"></p>
63+
</div>
64+
</div>
65+
<div class="flex-row">
66+
<div class="cell">
67+
<p class="front">projects</p>
68+
<p class="back"></p>
69+
</div>
70+
<div class="cell">
71+
<p class="front">contact</p>
72+
<p class="back"></p>
73+
</div>
74+
</div>
75+
</div>
76+
77+
<!-- End Document ––––––––––––––––––––––––––––––– -->
78+
</body>
79+
</html>

0 commit comments

Comments
 (0)