Skip to content

Commit abdcca4

Browse files
isabiiilisabiiil
committed
firebase hosting
1 parent c013971 commit abdcca4

34 files changed

+1185
-1072
lines changed

‎.firebaserc

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
{
2+
"projects": {
3+
"default": "isabiiil-adb96"
4+
}
5+
}

‎.gitignore

+65
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,65 @@
1+
# Logs
2+
logs
3+
*.log
4+
npm-debug.log*
5+
yarn-debug.log*
6+
yarn-error.log*
7+
firebase-debug.log*
8+
9+
# Firebase cache
10+
.firebase/
11+
12+
# Firebase config
13+
14+
# Uncomment this if you'd like others to create their own Firebase project.
15+
# For a team working on the same Firebase project(s), it is recommended to leave
16+
# it commented so all members can deploy to the same project(s) in .firebaserc.
17+
# .firebaserc
18+
19+
# Runtime data
20+
pids
21+
*.pid
22+
*.seed
23+
*.pid.lock
24+
25+
# Directory for instrumented libs generated by jscoverage/JSCover
26+
lib-cov
27+
28+
# Coverage directory used by tools like istanbul
29+
coverage
30+
31+
# nyc test coverage
32+
.nyc_output
33+
34+
# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
35+
.grunt
36+
37+
# Bower dependency directory (https://bower.io/)
38+
bower_components
39+
40+
# node-waf configuration
41+
.lock-wscript
42+
43+
# Compiled binary addons (http://nodejs.org/api/addons.html)
44+
build/Release
45+
46+
# Dependency directories
47+
node_modules/
48+
49+
# Optional npm cache directory
50+
.npm
51+
52+
# Optional eslint cache
53+
.eslintcache
54+
55+
# Optional REPL history
56+
.node_repl_history
57+
58+
# Output of 'npm pack'
59+
*.tgz
60+
61+
# Yarn Integrity file
62+
.yarn-integrity
63+
64+
# dotenv environment variables file
65+
.env

‎firebase.json

+10
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
{
2+
"hosting": {
3+
"public": "public",
4+
"ignore": [
5+
"firebase.json",
6+
"**/.*",
7+
"**/node_modules/**"
8+
]
9+
}
10+
}

‎public/404.html

+33
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1">
6+
<title>Page Not Found</title>
7+
8+
<style media="screen">
9+
body { background: #ECEFF1; color: rgba(0,0,0,0.87); font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0; padding: 0; }
10+
#message { background: white; max-width: 360px; margin: 100px auto 16px; padding: 32px 24px 16px; border-radius: 3px; }
11+
#message h3 { color: #888; font-weight: normal; font-size: 16px; margin: 16px 0 12px; }
12+
#message h2 { color: #ffa100; font-weight: bold; font-size: 16px; margin: 0 0 8px; }
13+
#message h1 { font-size: 22px; font-weight: 300; color: rgba(0,0,0,0.6); margin: 0 0 16px;}
14+
#message p { line-height: 140%; margin: 16px 0 24px; font-size: 14px; }
15+
#message a { display: block; text-align: center; background: #039be5; text-transform: uppercase; text-decoration: none; color: white; padding: 16px; border-radius: 4px; }
16+
#message, #message a { box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); }
17+
#load { color: rgba(0,0,0,0.4); text-align: center; font-size: 13px; }
18+
@media (max-width: 600px) {
19+
body, #message { margin-top: 0; background: white; box-shadow: none; }
20+
body { border-top: 16px solid #ffa100; }
21+
}
22+
</style>
23+
</head>
24+
<body>
25+
<div id="message">
26+
<h2>404</h2>
27+
<h1>Page Not Found</h1>
28+
<p>The specified file was not found on this website. Please check the URL for mistakes and try again.</p>
29+
<h3>Why am I seeing this?</h3>
30+
<p>This page was generated by the Firebase Command-Line Interface. To modify it, edit the <code>404.html</code> file in your project's configured <code>public</code> directory.</p>
31+
</div>
32+
</body>
33+
</html>

‎css/arrow.css ‎public/css/arrow.css

+32-32
Original file line numberDiff line numberDiff line change
@@ -1,33 +1,33 @@
1-
.arrow-part span {
2-
display: block;
3-
width: 1em;
4-
height: 1em;
5-
border-bottom: 4px solid #000;
6-
border-right: 4px solid #000;
7-
margin: -1em;
8-
animation: animate 1.5s infinite;
9-
}
10-
11-
.arrow-part span:nth-child(2) {
12-
animation-delay: -0.3s;
13-
}
14-
15-
.arrow-part span:nth-child(3) {
16-
animation-delay: -0.6s;
17-
}
18-
19-
@keyframes animate {
20-
0% {
21-
opacity: 0;
22-
transform: rotate(45deg) translate(-20px, -20px);
23-
}
24-
25-
50% {
26-
opacity: 1;
27-
}
28-
29-
100% {
30-
opacity: 0;
31-
transform: rotate(45deg) translate(20px, 20px);
32-
}
1+
.arrow-part span {
2+
display: block;
3+
width: 1em;
4+
height: 1em;
5+
border-bottom: 4px solid #000;
6+
border-right: 4px solid #000;
7+
margin: -1em;
8+
animation: animate 1.5s infinite;
9+
}
10+
11+
.arrow-part span:nth-child(2) {
12+
animation-delay: -0.3s;
13+
}
14+
15+
.arrow-part span:nth-child(3) {
16+
animation-delay: -0.6s;
17+
}
18+
19+
@keyframes animate {
20+
0% {
21+
opacity: 0;
22+
transform: rotate(45deg) translate(-20px, -20px);
23+
}
24+
25+
50% {
26+
opacity: 1;
27+
}
28+
29+
100% {
30+
opacity: 0;
31+
transform: rotate(45deg) translate(20px, 20px);
32+
}
3333
}

‎css/bio.css ‎public/css/bio.css

+24-24
Original file line numberDiff line numberDiff line change
@@ -1,25 +1,25 @@
1-
#bio-container:hover > #biography > h2 > .hover {
2-
opacity: 1.0;
3-
}
4-
5-
#bio-container:hover > #biography > h2 > .hover::after {
6-
width: 100%;
7-
}
8-
9-
#bio-container {
10-
display: flex;
11-
margin-bottom: 2em;
12-
text-align: justify;
13-
}
14-
15-
#contact-buttons {
16-
text-align: center;
17-
margin: 3em 0 3em 0;
18-
}
19-
20-
#contact-buttons a {
21-
font-family: "Courier Prime", monospace;
22-
font-size: 1em;
23-
color: var(--gray);
24-
padding: 0 0.5em 3em 0.5em;
1+
#bio-container:hover > #biography > h2 > .hover {
2+
opacity: 1.0;
3+
}
4+
5+
#bio-container:hover > #biography > h2 > .hover::after {
6+
width: 100%;
7+
}
8+
9+
#bio-container {
10+
display: flex;
11+
margin-bottom: 2em;
12+
text-align: justify;
13+
}
14+
15+
#contact-buttons {
16+
text-align: center;
17+
margin: 3em 0 3em 0;
18+
}
19+
20+
#contact-buttons a {
21+
font-family: "Courier Prime", monospace;
22+
font-size: 1em;
23+
color: var(--gray);
24+
padding: 0 0.5em 3em 0.5em;
2525
}

‎css/experience.css ‎public/css/experience.css

+46-46
Original file line numberDiff line numberDiff line change
@@ -1,47 +1,47 @@
1-
#experience-container:hover > #experience > h2 > .hover {
2-
opacity: 1.0;
3-
}
4-
5-
#experience-container:hover > #experience > h2 > .hover::after {
6-
width: 100%;
7-
}
8-
#experience-body {
9-
display: inline-block;
10-
}
11-
#logoLeft {
12-
float: left;
13-
left: 0;
14-
width: 25%;
15-
height: 80vh;
16-
overflow-y: scroll;
17-
}
18-
#logoLeft > img:hover {
19-
transform: scale(0.90);
20-
transition-duration: 300ms;
21-
}
22-
::-webkit-scrollbar {
23-
width: 10px;
24-
}
25-
::-webkit-scrollbar-track {
26-
background: var(--gray);
27-
}
28-
::-webkit-scrollbar-thumb {
29-
background: var(--pink);
30-
}
31-
::-webkit-scrollbar-thumb:hover {
32-
background: var(--orange);
33-
}
34-
#descRight {
35-
float: right;
36-
right: 0;
37-
width: 70%;
38-
}
39-
.workLogo{
40-
padding: 20px 0px 20px 0px;
41-
display: flex;
42-
flex-direction: column;
43-
width: 90%;
44-
}
45-
#descCaribou, #descFiera, #descHAX, #descCUNY, #descKT, #descRWJBH, #descCUMC, #descSinai, #descHK {
46-
display: none;
1+
#experience-container:hover > #experience > h2 > .hover {
2+
opacity: 1.0;
3+
}
4+
5+
#experience-container:hover > #experience > h2 > .hover::after {
6+
width: 100%;
7+
}
8+
#experience-body {
9+
display: inline-block;
10+
}
11+
#logoLeft {
12+
float: left;
13+
left: 0;
14+
width: 25%;
15+
height: 80vh;
16+
overflow-y: scroll;
17+
}
18+
#logoLeft > img:hover {
19+
transform: scale(0.90);
20+
transition-duration: 300ms;
21+
}
22+
::-webkit-scrollbar {
23+
width: 10px;
24+
}
25+
::-webkit-scrollbar-track {
26+
background: var(--gray);
27+
}
28+
::-webkit-scrollbar-thumb {
29+
background: var(--pink);
30+
}
31+
::-webkit-scrollbar-thumb:hover {
32+
background: var(--orange);
33+
}
34+
#descRight {
35+
float: right;
36+
right: 0;
37+
width: 70%;
38+
}
39+
.workLogo{
40+
padding: 20px 0px 20px 0px;
41+
display: flex;
42+
flex-direction: column;
43+
width: 90%;
44+
}
45+
#descCaribou, #descFiera, #descHAX, #descCUNY, #descKT, #descRWJBH, #descCUMC, #descSinai, #descHK {
46+
display: none;
4747
}

‎css/feature.css ‎public/css/feature.css

+15-15
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,16 @@
1-
li {
2-
font-family: 'Quasimoda';
3-
font-weight: 500;
4-
font-size: 1.3em;
5-
line-height: 1.4;
6-
letter-spacing: 0.05em;
7-
margin-bottom: -30px;
8-
}
9-
10-
#feature-container:hover > #feature > h2 > .hover {
11-
opacity: 1.0;
12-
}
13-
14-
#feature-container:hover > #feature > h2 > .hover::after {
15-
width: 100%;
1+
li {
2+
font-family: 'Quasimoda';
3+
font-weight: 500;
4+
font-size: 1.3em;
5+
line-height: 1.4;
6+
letter-spacing: 0.05em;
7+
margin-bottom: -30px;
8+
}
9+
10+
#feature-container:hover > #feature > h2 > .hover {
11+
opacity: 1.0;
12+
}
13+
14+
#feature-container:hover > #feature > h2 > .hover::after {
15+
width: 100%;
1616
}

0 commit comments

Comments
 (0)