a personal site
changed site from dark to light theme
+16
-22
+1
-1
public/index.html
+1
-1
public/index.html
···
12
12
<title>Daniel Daum</title>
13
13
</head>
14
14
<body>
15
-
<style>body{margin: 0px; background-color: #222; font-family: 'Open Sans';}</style>
15
+
<style>body{margin: 0px; font-family: 'Open Sans';}</style>
16
16
<noscript>You need to enable JavaScript to run this app.</noscript>
17
17
<div id="root"></div>
18
18
</body>
+3
-3
src/components/box/Box.css
+3
-3
src/components/box/Box.css
···
1
1
2
2
.box{
3
3
display: block;
4
-
border: 1px solid #f4f7f5;
4
+
border: 1px solid #212121;
5
5
width: 20em;
6
6
height: 6em;
7
7
margin-right: 3em;
···
23
23
}
24
24
25
25
.boxHeader{
26
-
color: #f4f7f5;
26
+
color: #212121;
27
27
font-size: 1.5rem;
28
28
font-weight: 400;
29
29
padding: 0px;
···
33
33
34
34
.boxDescription{
35
35
font-weight: 100;
36
-
color: #f4f7f5;
36
+
color: #212121;
37
37
padding: 0px;
38
38
margin-left: 5px;
39
39
margin-right: 5px;
+2
-7
src/components/header/Header.css
+2
-7
src/components/header/Header.css
···
7
7
}
8
8
9
9
.headerName{
10
-
color:#f4f7f5;
10
+
color:#212121;
11
11
font-size: 3em;
12
12
font-weight: 900;
13
13
margin: 0px;
···
15
15
}
16
16
17
17
.headerBio{
18
-
color: #a7a2a9;
18
+
color: #212121;
19
19
font-size: 1.3em;
20
20
margin: 0px;
21
21
font-weight: 500;
···
24
24
25
25
}
26
26
27
-
header a{
28
-
text-decoration: none;
29
-
color: black;
30
-
margin: .3em;
31
-
}
+1
-2
src/components/header/Header.tsx
+1
-2
src/components/header/Header.tsx
···
9
9
<h1 className="headerName">Daniel Daum</h1>
10
10
<p className="headerBio">Intelligence analyst, student, aspiring software engineer</p>
11
11
12
-
{/* <a className="github" href="https://www.github.com/daniel-daum"> <GitHubIcon sx={{fontSize: 50}}/></a>
13
-
<a className="linkedin" href="https://www.linkedin.com/in/daniel-daum-189151203"> <LinkedInIcon sx={{fontSize: 50}}/></a> */}
12
+
14
13
15
14
16
15
</header>
+3
-3
src/components/intbox/IntBox.css
+3
-3
src/components/intbox/IntBox.css
···
1
1
2
2
.intbox{
3
3
display: block;
4
-
border: 1px solid #f4f7f5;
4
+
border: 1px solid #212121;
5
5
width: 20em;
6
6
height: 6em;
7
7
margin-right: 3em;
···
23
23
}
24
24
25
25
.intboxHeader{
26
-
color: #f4f7f5;
26
+
color: #212121;
27
27
font-size: 1.5rem;
28
28
font-weight: 400;
29
29
padding: 0px;
···
33
33
34
34
.intboxDescription{
35
35
font-weight: 100;
36
-
color: #f4f7f5;
36
+
color: #212121;
37
37
padding: 0px;
38
38
margin-left: 5px;
39
39
margin-right: 5px;
+1
-1
src/components/routes/comingsoon/ComingSoon.css
+1
-1
src/components/routes/comingsoon/ComingSoon.css
+1
-1
src/components/routes/home/Home.css
+1
-1
src/components/routes/home/Home.css
+3
-3
src/components/section/Section.css
+3
-3
src/components/section/Section.css
···
5
5
}
6
6
7
7
.sectionHeader{
8
-
color:#f4f7f5;
8
+
color:#212121;
9
9
font-size: 2em;
10
10
margin: 0px;
11
11
padding: 0px;
···
13
13
}
14
14
15
15
.sectionDescription{
16
-
color: #a7a2a9;
16
+
color: #212121;
17
17
font-size: 1.3em;
18
18
margin: 0px;
19
19
padding:0px;
···
22
22
23
23
.source{
24
24
margin-top: 15em;
25
-
color:#f4f7f5;
25
+
color:#212121;
26
26
text-decoration: none;
27
27
}
28
28