update data and improvements

Walkator · Jul 4, 2021 · 3d5fb4c · 3d5fb4c
1 parent 9a0346b
commit 3d5fb4c
Show file tree

Hide file tree

Showing 15 changed files with 171 additions and 304 deletions.
diff --git a/404.html b/404.html
@@ -1,56 +1,59 @@
 <!DOCTYPE html>
 <html>
+
 <head>
- <meta charset="UTF-8">
-<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
-<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
-<title>Brittany Chiang | Front End Software Engineer</title>
-<link rel="icon" type="image/png" href="https://bchiang7.github.io/img/emojis/technologist.png" hreflang="en-us">
-<meta property="og:title" content="Brittany Chiang | Front End Software Engineer" />
-<meta property="og:description" content="Design-minded front-end software engineer focused on building beautiful interfaces and experiences" />
-<meta property="og:type" content="website" />
-<meta property="og:url" content="https://bchiang7.github.io/" />
-<meta property="og:site_name" content="Brittany Chiang" />
-<meta property="og:image" content="https://bchiang7.github.io/img/og.png" />
-<meta property="og:image:width" content="1280" />
-<meta property="og:image:height" content="800" />
-<meta property="og:image:type" content="image/png" />
-<meta property="og:locale" content="en_US">
-<meta name="description" content="Design-minded front-end software engineer focused on building beautiful interfaces and experiences">
-<meta name="keywords" content="design, development, web, bchiang7, brittany, chiang, javascript, northeastern">
-<meta name="google-site-verification" content="DCl7VAf9tcz6eD9gb67NfkNnJ1PKRNcg8qQiwpbx9Lk" />
-<meta itemprop="name" content="Brittany Chiang | Front End Software Engineer">
-<meta itemprop="description" content="Design-minded front-end software engineer focused on building beautiful interfaces and experiences">
-<meta itemprop="image" content="https://bchiang7.github.io/img/og.png">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:url" content="https://bchiang7.github.io/">
-<meta name="twitter:site" content="@bchiang7">
-<meta name="twitter:creator" content="@bchiang7">
-<meta name="twitter:title" content="Brittany Chiang | Front End Software Engineer">
-<meta name="twitter:description" content="Design-minded front-end software engineer focused on building beautiful interfaces and experiences">
-<meta name="twitter:image:src" content="https://bchiang7.github.io/img/og.png">
-<link href="https://fonts.googleapis.com/css?family=Inconsolata:400,700" rel="stylesheet">
-<link rel="stylesheet" href="/css/main.css" hreflang="en-us">
+  <meta charset="UTF-8">
+ <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+ <title>Brittany Chiang | Front End Software Engineer</title>
+ <link rel="icon" type="image/png" href="https://bchiang7.github.io/img/emojis/technologist.png" hreflang="en-us">
+ <meta property="og:title" content="Brittany Chiang | Front End Software Engineer" />
+ <meta property="og:description" content="Design-minded front-end software engineer focused on building beautiful interfaces and experiences" />
+ <meta property="og:type" content="website" />
+ <meta property="og:url" content="https://bchiang7.github.io/" />
+ <meta property="og:site_name" content="Brittany Chiang" />
+ <meta property="og:image" content="https://bchiang7.github.io/img/og.png" />
+ <meta property="og:image:width" content="1280" />
+ <meta property="og:image:height" content="800" />
+ <meta property="og:image:type" content="image/png" />
+ <meta property="og:locale" content="en_US">
+ <meta name="description" content="Design-minded front-end software engineer focused on building beautiful interfaces and experiences">
+ <meta name="keywords" content="design, development, web, bchiang7, brittany, chiang, javascript, northeastern">
+ <meta name="google-site-verification" content="DCl7VAf9tcz6eD9gb67NfkNnJ1PKRNcg8qQiwpbx9Lk" />
+ <meta itemprop="name" content="Brittany Chiang | Front End Software Engineer">
+ <meta itemprop="description" content="Design-minded front-end software engineer focused on building beautiful interfaces and experiences">
+ <meta itemprop="image" content="https://bchiang7.github.io/img/og.png">
+ <meta name="twitter:card" content="summary">
+ <meta name="twitter:url" content="https://bchiang7.github.io/">
+ <meta name="twitter:site" content="@bchiang7">
+ <meta name="twitter:creator" content="@bchiang7">
+ <meta name="twitter:title" content="Brittany Chiang | Front End Software Engineer">
+ <meta name="twitter:description" content="Design-minded front-end software engineer focused on building beautiful interfaces and experiences">
+ <meta name="twitter:image:src" content="https://bchiang7.github.io/img/og.png">
+ <link href="https://fonts.googleapis.com/css?family=Inconsolata:400,700" rel="stylesheet">
+ <link rel="stylesheet" href="/css/main.css" hreflang="en-us">
 
 </head>
+
 <body class="not-found">
- <div class="switch-wrapper">
- <div class="sun"></div>
- <div class="toggle-wrapper">
- <input id="switch" type="checkbox" />
- <label for="switch" id="toggle">Toggle</label>
- </div>
- <div class="moon"></div>
-</div>
+  <div class="switch-wrapper">
+  <div class="sun"></div>
+  <div class="toggle-wrapper">
+  <input id="switch" type="checkbox" />
+  <label for="switch" id="toggle">Toggle</label>
+  </div>
+  <div class="moon"></div>
+ </div>
 
-<div class="name">Brittany Chiang</div>
-<img src="/img/emojis/thinking-face.png" alt="">
-<h1>Hmmm...</h1>
-<h2>Looks like there's nothing here.<br>Maybe you should go back <a href="https://bchiang7.github.io/">home</a>.</h2>
+ <div class="name">Brittany Chiang</div>
+ <img src="img/emojis/thinking-face.png" alt="">
+ <h1>Hmmm...</h1>
+ <h2>Looks like there's nothing here.<br>Maybe you should go back <a href="https://bchiang7.github.io/">home</a>.</h2>
 
- <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js' type="text/javascript" charset="utf-8"></script>
-<script src="https://unpkg.com/scrollreveal/dist/scrollreveal.min.js"></script>
-<script src="js/main.js" type="text/javascript" charset="utf-8"></script>
+  <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js' type="text/javascript" charset="utf-8"></script>
+ <script src="https://unpkg.com/scrollreveal/dist/scrollreveal.min.js"></script>
+ <script src="js/main.js" type="text/javascript" charset="utf-8"></script>
 
 </body>
-</html>
+
+</html>
diff --git a/README.md b/README.md
@@ -1,4 +1,4 @@
-# My web portfolio
+# My portfolio
 
 This page is designed by @bchiang7
 
diff --git a/css/main.css b/css/main.css
@@ -224,7 +224,7 @@ strong {
  flex-shrink: 0;
  width: 200px;
  margin-right: 70px;
- color: #007bff;
+ color: #0bbbbb;
  text-transform: uppercase;
  text-align: right;
  font-weight: 700;
@@ -352,19 +352,19 @@ strong {
  background: 0 0;
  border: none;
  outline: 0;
- width: 40px;
+ width: 50px;
  position: fixed;
- bottom: 25px;
- right: 10px;
+ bottom: 50px;
+ right: 25px;
  cursor: pointer;
  display: none
 }
 
 @media screen and (max-width:1024px) {
  #top-button {
- bottom: 20px;
+ bottom: 50px;
  right: 7px;
- width: 35px
+ width: 40px
  }
 }
 
@@ -719,13 +719,13 @@ strong {
  display: inline-block;
  padding: 2px 3px;
  text-decoration: none;
- -webkit-box-shadow: inset 0 -3px 0 #007bff;
- box-shadow: inset 0 -3px 0 #007bff
+ -webkit-box-shadow: inset 0 -3px 0 #0bbbbb;
+ box-shadow: inset 0 -3px 0 #0bbbbb
 }
 
 .intro__contact .highlight-link:hover {
- -webkit-box-shadow: inset 0 -33px 0 0 #007bff;
- box-shadow: inset 0 -33px 0 0 #007bff;
+ -webkit-box-shadow: inset 0 -33px 0 0 #0bbbbb;
+ box-shadow: inset 0 -33px 0 0 #0bbbbb;
  color: #fff
 }
 
@@ -1017,8 +1017,8 @@ strong {
  font-weight: 700;
  padding: 2px 7px;
  border-radius: 3px;
- color: #007bff;
- border: 1px solid #007bff;
+ color: #0bbbbb;
+ border: 1px solid #0bbbbb;
  background: 0 0
 }
 
@@ -1066,7 +1066,7 @@ strong {
  .footer__copyright {
  width: auto;
  text-align: center;
- margin-bottom: 25px
+ margin-bottom: -20px
  }
 }
 
@@ -1105,7 +1105,7 @@ strong {
 .footer__links a {
  position: relative;
  display: inline-block;
- color: #007bff!important;
+ color: #0bbbbb!important;
  text-transform: uppercase;
  font-weight: 700;
  margin: 0 15px;
@@ -1124,7 +1124,7 @@ strong {
  left: 0;
  width: 100%;
  height: 1px;
- background: #007bff;
+ background: #0bbbbb;
  content: '';
  opacity: 0;
  -webkit-transition: height .3s, opacity .3s, -webkit-transform .3s;
@@ -1198,7 +1198,7 @@ strong {
  top: 25px;
  left: 30px;
  font-weight: 700;
- color: #007bff;
+ color: #0bbbbb;
  font-size: 1.5rem
 }
 
@@ -1233,7 +1233,7 @@ strong {
 
 .not-found a {
  font-weight: 700;
- color: #007bff!important;
+ color: #0bbbbb!important;
  position: relative;
  display: inline-block
 }
@@ -1244,7 +1244,7 @@ strong {
  left: 0;
  width: 100%;
  height: 3px;
- background: #007bff;
+ background: #0bbbbb;
  content: '';
  opacity: 0;
  -webkit-transition: height .3s, opacity .3s, -webkit-transform .3s;

diff --git a/img/arrow.png b/img/arrow.png
diff --git a/img/featured/screentime/1.jpg b/img/featured/screentime/1.jpg
diff --git a/img/headshot.jpg b/img/headshot.jpg
diff --git a/img/og.png b/img/og.png
diff --git a/img/social/codepen.svg b/img/social/codepen.svg
diff --git a/img/social/email.svg b/img/social/email.svg
diff --git a/img/social/github.svg b/img/social/github.svg
diff --git a/img/social/instagram.svg b/img/social/instagram.svg
diff --git a/img/social/linkedin.svg b/img/social/linkedin.svg
diff --git a/img/social/twitter.svg b/img/social/twitter.svg