Skip to content

Commit ebf488f

Browse files
zesamerizesameri
committed
small changes
1 parent 73fcab8 commit ebf488f

File tree

9,275 files changed

+592822
-51
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

9,275 files changed

+592822
-51
lines changed

‎app.js‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
import React from 'react';
2+
import ReactDOM from 'react-dom';
3+
4+
ReactDOM.render(
5+
<h1>Hello, world!</h1>,
6+
document.getElementById('test')
7+
);

‎assets/LinkedIn_logo_circle.png‎

8.91 KB
Loading

‎assets/github-white.svg‎

Lines changed: 16 additions & 0 deletions
Loading

‎assets/icon.png‎

405 Bytes
Loading

‎assets/linkedin.svg‎

Lines changed: 54 additions & 0 deletions
Loading

‎assets/svg-defs.svg‎

Lines changed: 21 additions & 0 deletions
Loading

‎css/grid.css‎

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@
22
Menu
33
============================================================ */
44
.flex-parent {
5+
display: flex;
56
flex-flow: column wrap;
67
align-items: center;
78
justify-content: space-around;
@@ -13,7 +14,7 @@
1314
justify-content: space-around;
1415
flex: 1;
1516
}
16-
.flex-row > div {
17+
.flex-row > p {
1718
display: flex;
1819
flex-flow: column;
1920
justify-content: space-around;
@@ -22,5 +23,8 @@
2223
flex: 1;
2324
margin: 1em;
2425
align-self: stretch;
25-
font-size: 1.5em;
26+
font-size: 1.25em;
27+
}
28+
.flex-row > p:hover {
29+
background: #343840;
2630
}

‎css/hero.css‎

Lines changed: 32 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,51 @@
11
.hero {
2+
display: flex;
3+
flex-flow: column wrap;
24
align-items: center;
35
justify-content: center;
46
background-color: #ABB2BF;
57
background-image: url('../assets/me.jpg');
68
background: linear-gradient(
79
rgba(40, 44, 52, 0.6),
810
rgba(40, 44, 52, 0.6)
9-
), url('../assets/bg-intro.jpg');
11+
), url('../assets/me.jpg');
1012
background-position: center;
1113
background-repeat: no-repeat;
1214
background-size: cover;
1315
}
1416
.hero h1 {
1517
width: 100%;
16-
font-size: x-large;
17-
line-height: 3em;
1818
font-size: 3em;
19-
color: #FFF;
20-
font-weight: bold;
19+
color: #ececf3;
2120
font-family: "Trebuchet MS", Helvetica, sans-serif;
2221
letter-spacing: 3px;
2322
}
24-
.hero img {
25-
max-width: 25%;
23+
.hero p {
24+
color: #ececf3;
25+
padding: 1em 4em;
26+
text-align: left;
27+
font-size: 1em;
28+
letter-spacing: 2px;
29+
}
30+
.hero button {
31+
background-color: transparent;
32+
color: #ececf3;
33+
34+
border-radius: 12px;
35+
border-color: #ececf3;
36+
border: 1.5px solid #ececf3;
37+
padding: 0.4em 0.6em;
38+
39+
font-family: "Lucida Console", Monaco, monospace;
40+
font-size: 1em;
41+
text-decoration: none;
42+
43+
-webkit-transition-duration: 0.4s; /* Safari */
44+
transition-duration: 0.4s;
45+
cursor: pointer;
46+
}
47+
48+
.hero button:hover {
49+
background-color: #ececf3;
50+
color: #222429;
2651
}

‎css/main.css‎

Lines changed: 18 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -11,36 +11,40 @@ time, mark, audio, video {
1111
margin: 0;
1212
padding: 0;
1313
border: 0;
14-
1514
vertical-align: baseline;
1615
font-size: 100%;
1716
font: inherit;
1817
text-align: center;
1918
}
2019

21-
html {
20+
body {
2221
color: #1A1110;
2322
background-color: #21252B;
2423
font-family: "Lucida Console", Monaco, monospace;
2524
height: 100%;
26-
}
27-
section {
2825
display: flex;
29-
flex-direction: row;
26+
flex-flow: row nowrap;
3027
}
31-
section > div {
28+
body > div {
3229
height: 100vh;
3330
width: 50%;
34-
display: flex;
35-
flex-flow: row wrap;
36-
}
37-
38-
a:link, a:visited, a:hover, a:active {
39-
text-decoration: none;
4031
}
41-
4232
@media only screen and (max-width: 900px) {
43-
section > div {
33+
body {
34+
flex-flow: row wrap;
35+
}
36+
body > div {
4437
width: 100vw;
4538
}
39+
button {
40+
ddisplay:inline-flex;
41+
}
42+
}
43+
@media only screen and (min-width: 901px) {
44+
button {
45+
display: none;
46+
}
47+
}
48+
a:link, a:visited, a:hover, a:active {
49+
text-decoration: none;
4650
}

‎index.html‎

Lines changed: 17 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -21,6 +21,10 @@
2121
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
2222
<script src="js/jquery-3.1.0.min.js"></script>
2323
<script src="js/main.js"></script>
24+
25+
<script src="https://unpkg.com/react@15/dist/react.js"></script>
26+
<script src="https://unpkg.com/react-dom@15/dist/react-dom.js"></script>
27+
<script src="app.js"></script>
2428
<!-- Favicon
2529
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
2630
<link rel="icon" href="assets/icon.png">
@@ -29,41 +33,31 @@
2933

3034
<body>
3135
<!-- Main Menu –––––––––––––––––––––––––––––––––––––––––––– -->
32-
<section class="main">
3336
<div class="hero">
37+
<br>
38+
<h1> Meredith Hoo </h1>
39+
<p> I'm a software engineer based in New York. <br>I want to work with the people and problems that shape society.</p>
40+
<button class="goto" ref="#menu" >enter</button>
3441
<div>
35-
<h1> Meredith Hoo </h1>
42+
<!--footer-->
3643
</div>
3744
</div>
3845

39-
<!-- Projects Portrait Mode ––––––––––––––––––––––––––––––––– -->
40-
<div class="flex-parent">
46+
<!-- Grid ––––––––––––––––––––––––––––––––––––––––––––––– -->
47+
<div class="flex-parent" id="menu">
4148
<div class="flex-row">
42-
<div class="about-me">
43-
<p>about me</p>
44-
</div>
45-
<div class="resume">
46-
<p >resume</p>
47-
</div>
49+
<p>about</p>
50+
<p>goals</p>
4851
</div>
4952
<div class="flex-row">
50-
<div class="code">
51-
<p >code</p>
52-
</div>
53-
<div class="writing">
54-
<p >writing</p>
55-
</div>
53+
<p>interests</p>
54+
<p>experience</p>
5655
</div>
5756
<div class="flex-row">
58-
<div class="blog">
59-
<p >blog</p>
60-
</div>
61-
<div class="grazie">
62-
<p>gratitude</p>
63-
</div>
57+
<p>projects</p>
58+
<p>contact</p>
6459
</div>
6560
</div>
66-
</section>
6761

6862
<!-- End Document ––––––––––––––––––––––––––––––– -->
6963
</body>

0 commit comments

Comments
 (0)