mirror of
https://github.com/Xevion/old.xevion.github.io.git
synced 2025-12-06 23:15:32 -06:00
configure
This commit is contained in:
bchiang7
17
_includes/about.html
Normal file
17
_includes/about.html
Normal file
@@ -0,0 +1,17 @@
|
||||
<section id="about-section" class="section">
|
||||
<div class="section-wrapper">
|
||||
<div class="fade-in">
|
||||
<h1 class="section-heading">Hey, I'm Brittany.</h1>
|
||||
<h3 class="section-subheading">I'm a design-minded, detail oriented software engineer passionate about combining beautiful code with beautiful design.</h3>
|
||||
<span class="divider"></span>
|
||||
<div class="about-wrapper">
|
||||
<img class="headshot" src="img/headshot.jpg" alt="headshot">
|
||||
<div class="about-text-wrapper">
|
||||
<p class="about-text"><strong>I'm a fourth year student at Northeastern University</strong> in Boston studying computer science and interaction design. I have experience developing and designing products for the web, from simple landing pages to multi-tier web applications. I strive to create software that not only functions efficiently under the hood, but also provides intuitive, pixel-perfect user experiences.</p>
|
||||
<p class="about-text">I love finding new and better ways to create seamless user experiences with clean, efficient, and scalable code. I consider work an ongoing education, and I'm always looking for opportunities to work with those who are willing to share their knowledge as much as I want to learn. At the end of the day, my primary goal is to create something beautiful with people that bring out the best in me.</p>
|
||||
<p class="about-text"><strong>When I'm not in front of a screen,</strong> I'm probably snowboarding, traveling, petting dogs, or learning a new song on my uke.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
38
_includes/contact.html
Normal file
38
_includes/contact.html
Normal file
@@ -0,0 +1,38 @@
|
||||
<section id="contact-section" class="section gap">
|
||||
<div class="bg" data-anchor-target="#contact-section"
|
||||
data-bottom-top="transform: translate3d(0px, -150px, 0px);"
|
||||
data-top-bottom="transform: translate3d(0px, 150px, 0px);"
|
||||
></div>
|
||||
<div class="overlay-wrapper">
|
||||
<div class="fade-in">
|
||||
<div class="center">
|
||||
<h1 class="section-heading">Get In Touch</h1>
|
||||
<span class="divider center"></span>
|
||||
<p class="contact-description">Have a sweet project in mind or just want to say hi? Feel free to send me a message!</p>
|
||||
</div>
|
||||
<div class="contact-wrapper">
|
||||
<form class="form-wrapper" autocomplete="off" method="post" action="https://formspree.io/brittany.chiang@gmail.com">
|
||||
<div class="input-wrapper">
|
||||
<label for="name" class="input-label">Name</label>
|
||||
<input type="text" name="name" class="contact-input" id="name" required>
|
||||
</div>
|
||||
<div class="input-wrapper">
|
||||
<label for="email" class="input-label">Email</label>
|
||||
<input type="email" name="_replyto" class="contact-input" id="email" required>
|
||||
</div>
|
||||
<div class="input-wrapper">
|
||||
<label for="subject" class="input-label">Subject</label>
|
||||
<input type="text" name="_subject" class="contact-input" id="subject" required>
|
||||
</div>
|
||||
<div class="input-wrapper">
|
||||
<label for="message" class="input-label" id="message-label">Message</label>
|
||||
<textarea name="message" class="contact-input autoExpand" id="message" required></textarea>
|
||||
</div>
|
||||
<button type="submit" name="submit" class="message-btn">
|
||||
<span>Send Message</span>
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
34
_includes/experience.html
Normal file
34
_includes/experience.html
Normal file
@@ -0,0 +1,34 @@
|
||||
<section id="experience-section" class="section gap">
|
||||
<div class="bg" data-anchor-target="#experience-section"
|
||||
data-bottom-top="transform: translate3d(0px, -150px, 0px);"
|
||||
data-top-bottom="transform: translate3d(0px, 150px, 0px);"
|
||||
></div>
|
||||
<div class="overlay-wrapper">
|
||||
<div class="fade-in">
|
||||
<div class="center">
|
||||
<h1 class="section-heading">Experience</h1>
|
||||
<span class="divider center"></span>
|
||||
<!-- <p class="experience-description">Thanks to Northeastern's co-op program, I've been fortunate enough to complete two awesome six-month co-ops at <a href="http://us.mullenlowe.com/" target="_blank">Mullen Lowe U.S.</a> and <a href="https://starry.com/" target="_blank">Starry</a>. As I head into my fifth and final year of undergrad, I'm on the search for an amazing last co-op.</p> -->
|
||||
<p class="experience-description">As a part of Northeastern's five year co-op program, I alternate semesters of academic study with semesters of full-time employment. I had the privilege of completing my first co-op at <a href="http://us.mullenlowe.com/" target="_blank">Mullen Lowe U.S.</a> as a Creative Technologist, and I am currently working at <a href="https://starry.com/" target="_blank">Starry</a> as a software engineer for my second co-op.</p>
|
||||
</div>
|
||||
<div class="experience-wrapper">
|
||||
<div id="timeline">
|
||||
{% for item in site.data.timeline %}
|
||||
<div class="timeline-block">
|
||||
<div class="timeline-content">
|
||||
<h2 class="position">{{item.position}}</h2>
|
||||
<h3 class="company"><a href="{{item.url}}" target="_blank">{{item.company}}</a></h3>
|
||||
<p class="job-desc">{{item.description}}</p>
|
||||
</div>
|
||||
<div class="timeline-img">
|
||||
<div class="sprite {{item.sprite}}"></div>
|
||||
</div>
|
||||
<span class="date">{{item.date}}</span>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
<i class="down-arrow"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
12
_includes/footer.html
Normal file
12
_includes/footer.html
Normal file
@@ -0,0 +1,12 @@
|
||||
<section id="footer" class="section">
|
||||
<div class="section-wrapper">
|
||||
<ul class="soc">
|
||||
{% for link in site.social %}
|
||||
<li class="soc-item"><a href="{{link.url}}" target="_blank" class="icon {{link.title}}" title="{{link.title}}"><img src="img/icons/{{link.title}}.svg" alt="{{link.title}}"></a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
<div class="copyright-wrapper center">
|
||||
<p>© {{site.name}} 2016</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
37
_includes/head.html
Normal file
37
_includes/head.html
Normal file
@@ -0,0 +1,37 @@
|
||||
<meta charset="UTF-8"><!--[if IE]><![endif]-->
|
||||
<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>{{ site.title }}</title>
|
||||
<link rel="shortcut icon" href="{{site.logo}}" hreflang="en-us">
|
||||
|
||||
<meta property="og:title" content="{{site.title}}" />
|
||||
<meta property="og:description" content="{{site.description}}" />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:url" content="{{site.url}}" />
|
||||
<meta property="og:site_name" content="{{site.name}}" />
|
||||
<meta property="og:image" content="{{site.cover}}" />
|
||||
<meta property="og:image:width" content="1280" />
|
||||
<meta property="og:image:height" content="800" />
|
||||
<meta property="og:image:type" content="image/jpg" />
|
||||
<meta property="og:locale" content="en_US">
|
||||
|
||||
<meta name="description" content="{{site.description}}">
|
||||
<meta name="keywords" content="design, development, web, bchiang7, brittany, chiang, javascript, northeastern">
|
||||
<meta name="google-site-verification" content="DCl7VAf9tcz6eD9gb67NfkNnJ1PKRNcg8qQiwpbx9Lk" />
|
||||
|
||||
<meta itemprop="name" content="{{site.title}}">
|
||||
<meta itemprop="description" content="{{site.description}}">
|
||||
<meta itemprop="image" content="{{site.cover}}">
|
||||
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:url" content="{{site.url}}">
|
||||
<meta name="twitter:site" content="@bchiang7">
|
||||
<meta name="twitter:creator" content="@bchiang7">
|
||||
<meta name="twitter:title" content="{{site.title}}">
|
||||
<meta name="twitter:description" content="{{site.description}}">
|
||||
<meta name="twitter:image:src" content="{{site.cover}}">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/4.2.0/normalize.min.css">
|
||||
<link rel="stylesheet" href="{{ site.baseurl }}/css/main.css" hreflang="en-us">
|
||||
|
||||
|
||||
30
_includes/intro.html
Normal file
30
_includes/intro.html
Normal file
@@ -0,0 +1,30 @@
|
||||
<section id="intro-section" class="section">
|
||||
<div class="bg" data-anchor-target="#intro-section"
|
||||
data-bottom-top="transform: translate3d(0px, -150px, 0px);"
|
||||
data-top-bottom="transform: translate3d(0px, 150px, 0px);"
|
||||
></div>
|
||||
<div class="intro-wrapper">
|
||||
<div class="intro-body" data-anchor-target="#intro-section" data-top="opacity: 1;" data-top-bottom="opacity: 0;">
|
||||
<div class="intro-content">
|
||||
<h1 class="heading" data-content="Brittany Chiang"><span class="name">Brittany Chiang</span></h1>
|
||||
<div class="action-wrapper">
|
||||
<p class="subtext">
|
||||
<a class="btn main-action">Front-End Software Engineer</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="scroll-down-wrapper">
|
||||
<a href="#about-section" class="scroll-down">
|
||||
<img class="logo" src="img/logo-white.png" alt="scroll down">
|
||||
<span class="scroll-down-text">
|
||||
Learn More
|
||||
<svg class="chevron" viewBox="0 0 57.942 105.958" enable-background="new 0 0 11.893 6.503">
|
||||
<line fill="none" stroke="#fff" stroke-width="7" stroke-miterlimit="10" x1="2.475" y1="2.475" x2="55.467" y2="55.466" />
|
||||
<line fill="none" stroke="#fff" stroke-width="7" stroke-miterlimit="10" x1="55.467" y1="50.492" x2="2.475" y2="103.484" />
|
||||
</svg>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
29
_includes/nav.html
Normal file
29
_includes/nav.html
Normal file
@@ -0,0 +1,29 @@
|
||||
<nav id="dot-nav">
|
||||
<ul>
|
||||
{% for item in site.data.navigation %}
|
||||
<li class="dot-container">
|
||||
<a href="#{{item.section}}-section" data-number="{{item.number}}">
|
||||
<span class="dot"></span>
|
||||
<span class="dot-label">{{item.title}}</span>
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div id="toggle" class="container">
|
||||
<span class="line top"></span>
|
||||
<span class="line middle"></span>
|
||||
<span class="line bottom"></span>
|
||||
</div>
|
||||
|
||||
<div id="overlay" class="overlay">
|
||||
<div class="logo"><img class="logo-img" src="img/logo-white.png" alt=""><span>Brittany Chiang</span></div>
|
||||
<nav class="overlay-menu">
|
||||
<ul class="menu-container">
|
||||
{% for item in site.data.navigation %}
|
||||
<li class="menu-item"><a href="#{{item.section}}-section">{{item.title}}</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
44
_includes/portfolio.html
Normal file
44
_includes/portfolio.html
Normal file
@@ -0,0 +1,44 @@
|
||||
<section id="portfolio-section" class="section">
|
||||
<div class="section-wrapper">
|
||||
<div class="fade-in">
|
||||
<h1 class="section-heading">Some of My Work</h1>
|
||||
<span class="divider"></span>
|
||||
<div class="portfolio-item-wrapper">
|
||||
{% for project in site.data.portfolio %}
|
||||
<div class="portfolio-row">
|
||||
<div class="screenshots {% if project.title == 'Screentime 2.0' %}screentime{% endif %}">
|
||||
{% if project.title == "Screentime 2.0" %}
|
||||
<img class="img-{{project.img}}" src="img/portfolio/{{project.img}}/{{project.img}}-1.jpg" alt="">
|
||||
<img class="img-{{project.img}}" src="img/portfolio/{{project.img}}/{{project.img}}-2.jpg" alt="">
|
||||
<img class="img-{{project.img}}" src="img/portfolio/{{project.img}}/{{project.img}}-3.jpg" alt="">
|
||||
<img class="img-{{project.img}}" src="img/portfolio/{{project.img}}/{{project.img}}-4.jpg" alt="">
|
||||
{% else %}
|
||||
<img class="img-lg" src="img/portfolio/{{project.img}}/{{project.img}}.jpg" alt="">
|
||||
<img class="img-md" src="img/portfolio/{{project.img}}/{{project.img}}-tablet.jpg" alt="">
|
||||
<img class="img-sm" src="img/portfolio/{{project.img}}/{{project.img}}-mobile.jpg" alt="">
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="description-title-container">
|
||||
<h2 class="description-title">{{project.title}}</h2>
|
||||
<div class="description-buttons">
|
||||
<a href="{{project.demo}}" target="_blank">Demo</a>
|
||||
{% if project.code %}
|
||||
<a href="{{project.code}}" target="_blank">Code</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
<p class="portfolio-description">{{project.description}}</p>
|
||||
<div class="used">
|
||||
<ul class="used-items">
|
||||
{% for item in project.used %}
|
||||
<li class="used-item">{{item.thing}}</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<span class="divider"></span>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
4
_includes/resume_btn.html
Normal file
4
_includes/resume_btn.html
Normal file
@@ -0,0 +1,4 @@
|
||||
<a class="block-btn" href="{{site.resume}}" target="_blank">
|
||||
<span class="resume-text">View my full résumé</span>
|
||||
<img class="resume-img" src="img/icons/download.png" alt="download">
|
||||
</a>
|
||||
9
_includes/scripts.html
Normal file
9
_includes/scripts.html
Normal file
@@ -0,0 +1,9 @@
|
||||
{% if page.layout == "not_found" %}
|
||||
<script src="http://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
|
||||
<script src="http://threejs.org/examples/js/libs/stats.min.js"></script>
|
||||
<script src="{{site.baseurl}}/js/particles.js"></script>
|
||||
{% else %}
|
||||
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
|
||||
<script src="http://cdnjs.cloudflare.com/ajax/libs/skrollr/0.6.30/skrollr.min.js"></script>
|
||||
<script src="{{site.baseurl}}/js/main.js"></script>
|
||||
{% endif %}
|
||||
25
_includes/services.html
Normal file
25
_includes/services.html
Normal file
@@ -0,0 +1,25 @@
|
||||
<section id="services-section" class="section gap">
|
||||
<div class="bg" data-anchor-target="#services-section"
|
||||
data-bottom-top="transform: translate3d(0px, -150px, 0px);"
|
||||
data-top-bottom="transform: translate3d(0px, 150px, 0px);"
|
||||
></div>
|
||||
<div class="overlay-wrapper">
|
||||
<div class="fade-in">
|
||||
<h1 class="section-heading">What I Do</h1>
|
||||
<span class="divider"></span>
|
||||
<div class="services-wrapper">
|
||||
{% for row in site.data.services %}
|
||||
<div class="service-row">
|
||||
{% for service in row.services %}
|
||||
<div class="service-column">
|
||||
<div class="sprite {{service.sprite}}"></div>
|
||||
<h2 class="service-heading">{{service.heading}}</h2>
|
||||
<p class="service-text">{{service.text}}</p>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
55
_includes/skills.html
Normal file
55
_includes/skills.html
Normal file
@@ -0,0 +1,55 @@
|
||||
<section id="skills-section" class="section">
|
||||
<div class="section-wrapper">
|
||||
<div class="fade-in">
|
||||
<h1 class="section-heading">Skills</h1>
|
||||
<span class="divider"></span>
|
||||
<div class="skills-flex-wrapper">
|
||||
<div class="flex-item dev-wrapper">
|
||||
<h2 class="skills-heading">
|
||||
<span class="sprite dev"></span>
|
||||
<span>Development</span>
|
||||
</h2>
|
||||
<ul>
|
||||
{% for dev in site.data.skills.development %}
|
||||
<li class="dev-item">{{dev.item}}</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
<div class="flex-item design-wrapper">
|
||||
<h2 class="skills-heading">
|
||||
<span class="sprite design"></span>
|
||||
<span>Design</span>
|
||||
</h2>
|
||||
<ul>
|
||||
{% for design in site.data.skills.design %}
|
||||
<li class="design-item"><img class="item-img" src="img/icons/{{design.item}}.png" alt=""></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
<div class="flex-item check-wrapper">
|
||||
<div class="tools-wrapper">
|
||||
<h2 class="skills-heading">
|
||||
<span class="sprite tools"></span>
|
||||
<span>Tools</span>
|
||||
</h2>
|
||||
<ul class="list">
|
||||
{% for tool in site.data.skills.tools %}
|
||||
<li class="list-item"><img class="item-svg" src="img/icons/checkmark.svg"/>{{tool.item}}</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
<div class="knowledge-wrapper">
|
||||
<h2 class="skills-heading">
|
||||
<span class="sprite knowledge"></span>
|
||||
<span>Knowledge</span></h2>
|
||||
<ul class="list">
|
||||
{% for thing in site.data.skills.knowledge %}
|
||||
<li class="list-item"><img class="item-svg" src="img/icons/checkmark.svg"/>{{thing.item}}</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
Reference in New Issue
Block a user