mirror of
https://github.com/Xevion/old.xevion.github.io.git
synced 2025-12-06 13:15:39 -06:00
remove console log
This commit is contained in:
@@ -1,10 +1,14 @@
|
|||||||
- name: Halcyon Theme
|
- name: Halcyon Theme
|
||||||
url: https://marketplace.visualstudio.com/items?itemName=brittanychiang.halcyon-vscode
|
url: https://brittanychiang.com/halcyon-site/
|
||||||
code: https://github.com/bchiang7/halcyon-vscode
|
code: https://github.com/bchiang7/halcyon-site
|
||||||
description: A dark UI & syntax theme for Visual Studio Code. Published to Visual Studio Marketplace.
|
description: A minimal, dark theme for Sublime Text, Atom, VS Code, and more published to <a class="underline-link" href="https://packagecontrol.io/packages/Halcyon%20Theme">Package Control</a>, <a class="underline-link" href="https://atom.io/themes/halcyon-syntax">Atom Package Manager</a>, <a class="underline-link" href="https://marketplace.visualstudio.com/items?itemName=brittanychiang.halcyon-vscode">Visual Studio Marketplace</a>, and <a class="underline-link" href="https://www.npmjs.com/package/hyper-halcyon-theme">NPM</a>.
|
||||||
used:
|
used:
|
||||||
- thing: JSON
|
- thing: Gatsby
|
||||||
|
- thing: Sublime Text
|
||||||
|
- thing: Atom
|
||||||
- thing: VS Code
|
- thing: VS Code
|
||||||
|
- thing: iTerm2
|
||||||
|
- thing: Hyper
|
||||||
|
|
||||||
- name: Lonely Planet DBMS
|
- name: Lonely Planet DBMS
|
||||||
url: https://github.com/bchiang7/CS3200-Project
|
url: https://github.com/bchiang7/CS3200-Project
|
||||||
|
|||||||
@@ -10,10 +10,10 @@ languages:
|
|||||||
frameworks:
|
frameworks:
|
||||||
- item: Ember / Glimmer
|
- item: Ember / Glimmer
|
||||||
- item: Jekyll
|
- item: Jekyll
|
||||||
- item: D3
|
|
||||||
- item: Node
|
- item: Node
|
||||||
- item: Backbone
|
|
||||||
- item: React
|
- item: React
|
||||||
|
- item: Backbone
|
||||||
|
- item: D3
|
||||||
- item: Cordova
|
- item: Cordova
|
||||||
|
|
||||||
tools:
|
tools:
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
$(function() {
|
$(function() {
|
||||||
const d = new Date();
|
const d = new Date();
|
||||||
const hours = d.getHours();
|
const hours = d.getHours();
|
||||||
const night = (hours >= 19) || (hours <= 7); // between 7pm and 7am
|
const night = hours >= 19 || hours <= 7; // between 7pm and 7am
|
||||||
const body = document.querySelector('body');
|
const body = document.querySelector('body');
|
||||||
const toggle = document.getElementById('toggle');
|
const toggle = document.getElementById('toggle');
|
||||||
const input = document.getElementById('switch');
|
const input = document.getElementById('switch');
|
||||||
@@ -20,25 +20,26 @@ $(function() {
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
const introHeight = document.querySelector('.intro').offsetHeight;
|
const introHeight = document.querySelector('.intro').offsetHeight;
|
||||||
const topButton = document.getElementById('top-button');
|
const topButton = document.getElementById('top-button');
|
||||||
const $topButton = $('#top-button');
|
const $topButton = $('#top-button');
|
||||||
|
|
||||||
window.addEventListener('scroll', function() {
|
window.addEventListener(
|
||||||
|
'scroll',
|
||||||
|
function() {
|
||||||
if (window.scrollY > introHeight) {
|
if (window.scrollY > introHeight) {
|
||||||
$topButton.fadeIn();
|
$topButton.fadeIn();
|
||||||
} else {
|
} else {
|
||||||
$topButton.fadeOut();
|
$topButton.fadeOut();
|
||||||
}
|
}
|
||||||
}, false);
|
},
|
||||||
|
false
|
||||||
|
);
|
||||||
|
|
||||||
topButton.addEventListener('click', function() {
|
topButton.addEventListener('click', function() {
|
||||||
$('html, body').animate({ scrollTop: 0 }, 500);
|
$('html, body').animate({ scrollTop: 0 }, 500);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
const hand = document.querySelector('.emoji.wave-hand');
|
const hand = document.querySelector('.emoji.wave-hand');
|
||||||
|
|
||||||
function waveOnLoad() {
|
function waveOnLoad() {
|
||||||
@@ -48,7 +49,9 @@ $(function() {
|
|||||||
}, 2000);
|
}, 2000);
|
||||||
}
|
}
|
||||||
|
|
||||||
setTimeout(function() { waveOnLoad(); }, 1000);
|
setTimeout(function() {
|
||||||
|
waveOnLoad();
|
||||||
|
}, 1000);
|
||||||
|
|
||||||
hand.addEventListener('mouseover', function() {
|
hand.addEventListener('mouseover', function() {
|
||||||
hand.classList.add('wave');
|
hand.classList.add('wave');
|
||||||
@@ -58,7 +61,6 @@ $(function() {
|
|||||||
hand.classList.remove('wave');
|
hand.classList.remove('wave');
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
window.sr = ScrollReveal({
|
window.sr = ScrollReveal({
|
||||||
reset: false,
|
reset: false,
|
||||||
duration: 600,
|
duration: 600,
|
||||||
@@ -72,5 +74,4 @@ $(function() {
|
|||||||
sr.reveal('.experience', { viewFactor: 0.2 });
|
sr.reveal('.experience', { viewFactor: 0.2 });
|
||||||
sr.reveal('.featured-projects', { viewFactor: 0.1 });
|
sr.reveal('.featured-projects', { viewFactor: 0.1 });
|
||||||
sr.reveal('.other-projects', { viewFactor: 0.05 });
|
sr.reveal('.other-projects', { viewFactor: 0.05 });
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -10,12 +10,13 @@
|
|||||||
background: $yellow;
|
background: $yellow;
|
||||||
}
|
}
|
||||||
|
|
||||||
html, body {
|
html,
|
||||||
|
body {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
background-color: $white;
|
background-color: $white;
|
||||||
color: $dark-grey;
|
color: $dark-grey;
|
||||||
font-family: $Apercu, $sans-serif-stack;
|
font-family: $Apercu;
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
|
|
||||||
a {
|
a {
|
||||||
@@ -141,7 +142,8 @@ html, body {
|
|||||||
transition: height 0.3s, opacity 0.3s, transform 0.3s;
|
transition: height 0.3s, opacity 0.3s, transform 0.3s;
|
||||||
transform: translateY(-5px);
|
transform: translateY(-5px);
|
||||||
}
|
}
|
||||||
&:hover, &:focus {
|
&:hover,
|
||||||
|
&:focus {
|
||||||
&:after {
|
&:after {
|
||||||
height: 2px;
|
height: 2px;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
@@ -164,7 +166,7 @@ html, body {
|
|||||||
position: relative;
|
position: relative;
|
||||||
bottom: 2px;
|
bottom: 2px;
|
||||||
margin-left: 15px;
|
margin-left: 15px;
|
||||||
content: "";
|
content: '';
|
||||||
background: url('../img/arrow.png') no-repeat center;
|
background: url('../img/arrow.png') no-repeat center;
|
||||||
background-size: 100%;
|
background-size: 100%;
|
||||||
width: 15px;
|
width: 15px;
|
||||||
@@ -208,7 +210,8 @@ html, body {
|
|||||||
right: 3px;
|
right: 3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover, &:focus {
|
&:hover,
|
||||||
|
&:focus {
|
||||||
transform: translateY(-10px);
|
transform: translateY(-10px);
|
||||||
}
|
}
|
||||||
img {
|
img {
|
||||||
@@ -217,11 +220,11 @@ html, body {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.waypoint {
|
.waypoint {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transform: translate3d(0, 20px, 0);
|
transform: translate3d(0, 20px, 0);
|
||||||
transition: opacity .6s cubic-bezier(.694,0,.335,1),transform .6s cubic-bezier(.694,0,.335,1);
|
transition: opacity 0.6s cubic-bezier(0.694, 0, 0.335, 1),
|
||||||
|
transform 0.6s cubic-bezier(0.694, 0, 0.335, 1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.in-view {
|
.in-view {
|
||||||
|
|||||||
@@ -2,10 +2,7 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
font-size: 1.1rem;
|
font-size: 1.1rem;
|
||||||
font-family: 'Inconsolata', monospace;
|
|
||||||
margin-top: 70px;
|
margin-top: 70px;
|
||||||
color: $night;
|
|
||||||
// background-color: $yellow;
|
|
||||||
|
|
||||||
&__light {
|
&__light {
|
||||||
width: 30px;
|
width: 30px;
|
||||||
@@ -20,7 +17,7 @@
|
|||||||
height: 25px;
|
height: 25px;
|
||||||
animation: pulsate 2s ease-out;
|
animation: pulsate 2s ease-out;
|
||||||
animation-iteration-count: infinite;
|
animation-iteration-count: infinite;
|
||||||
opacity: .0;
|
opacity: 0;
|
||||||
border: 3px solid $green;
|
border: 3px solid $green;
|
||||||
border-radius: 30px;
|
border-radius: 30px;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,21 +1,20 @@
|
|||||||
// Colors
|
// Colors
|
||||||
$night: #131417;
|
$night: #191e27;
|
||||||
$black: #36363C;
|
$black: #36363c;
|
||||||
$dark-grey: #444452;
|
$dark-grey: #444452;
|
||||||
$grey: #777777;
|
$grey: #777777;
|
||||||
$blue: #007BFF;
|
$blue: #007bff;
|
||||||
$slate: #afafbf;
|
$slate: #afafbf;
|
||||||
$off-white: #e7e7e7;
|
$off-white: #e7e7e7;
|
||||||
$white: #fff;
|
$white: #fff;
|
||||||
$green: #BADA55;
|
$green: #bae67e;
|
||||||
$purple: #7D0CE8;
|
$purple: #7d0ce8;
|
||||||
$red: #FF0000;
|
$red: #ff0000;
|
||||||
$orange: #E8850C;
|
$orange: #e8850c;
|
||||||
$yellow: #FFF10D;
|
$yellow: #ffcc66;
|
||||||
|
|
||||||
// Fonts
|
// Fonts
|
||||||
$Apercu: 'Apercu';
|
$Apercu: 'Apercu', 'Source Sans Pro', Helvetica, Arial, sans-serif;
|
||||||
$sans-serif-stack: Source Sans Pro, Helvetica, Arial, sans-serif;
|
|
||||||
|
|
||||||
// Media queries
|
// Media queries
|
||||||
$fifteen-inch: 1440px;
|
$fifteen-inch: 1440px;
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
@@ -20,6 +20,7 @@ $(function() {
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
console.log('added a line here');
|
||||||
|
|
||||||
const introHeight = document.querySelector('.intro').offsetHeight;
|
const introHeight = document.querySelector('.intro').offsetHeight;
|
||||||
const topButton = document.getElementById('top-button');
|
const topButton = document.getElementById('top-button');
|
||||||
@@ -37,8 +38,6 @@ $(function() {
|
|||||||
$('html, body').animate({scrollTop: 0}, 500);
|
$('html, body').animate({scrollTop: 0}, 500);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
const hand = document.querySelector('.emoji.wave-hand');
|
const hand = document.querySelector('.emoji.wave-hand');
|
||||||
|
|
||||||
function waveOnLoad() {
|
function waveOnLoad() {
|
||||||
|
|||||||
Reference in New Issue
Block a user