Skip to content

Commit dc83081

Browse files
strayturtlestrayturtle
committed
Init
0 parents  commit dc83081

39 files changed

+3741
-0
lines changed

‎.browserslistrc

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
last 2 versions
2+
iOS >= 11
3+
Android >= 6

‎.editorconfig

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
root = true
2+
3+
[*]
4+
charset = utf-8
5+
end_of_line = lf
6+
indent_style = space
7+
indent_size = 2
8+
trim_trailing_whitespace = true
9+
insert_final_newline = false
10+
11+
[*.md]
12+
trim_trailing_whitespace = false

‎.firebaserc

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
{
2+
"projects": {
3+
"default": "strayturtle-dev"
4+
}
5+
}

‎.gitignore

Lines changed: 122 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,122 @@
1+
# Project only
2+
public/
3+
resources/
4+
.firebase/
5+
6+
# Node.js
7+
8+
# Logs
9+
logs
10+
*.log
11+
npm-debug.log*
12+
yarn-debug.log*
13+
yarn-error.log*
14+
lerna-debug.log*
15+
16+
# Diagnostic reports (https://nodejs.org/api/report.html)
17+
report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
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+
*.lcov
31+
32+
# nyc test coverage
33+
.nyc_output
34+
35+
# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
36+
.grunt
37+
38+
# Bower dependency directory (https://bower.io/)
39+
bower_components
40+
41+
# node-waf configuration
42+
.lock-wscript
43+
44+
# Compiled binary addons (https://nodejs.org/api/addons.html)
45+
build/Release
46+
47+
# Dependency directories
48+
node_modules/
49+
jspm_packages/
50+
51+
# Snowpack dependency directory (https://snowpack.dev/)
52+
web_modules/
53+
54+
# TypeScript cache
55+
*.tsbuildinfo
56+
57+
# Optional npm cache directory
58+
.npm
59+
60+
# Optional eslint cache
61+
.eslintcache
62+
63+
# Microbundle cache
64+
.rpt2_cache/
65+
.rts2_cache_cjs/
66+
.rts2_cache_es/
67+
.rts2_cache_umd/
68+
69+
# Optional REPL history
70+
.node_repl_history
71+
72+
# Output of 'npm pack'
73+
*.tgz
74+
75+
# Yarn Integrity file
76+
.yarn-integrity
77+
78+
# dotenv environment variables file
79+
.env
80+
.env.test
81+
82+
# parcel-bundler cache (https://parceljs.org/)
83+
.cache
84+
.parcel-cache
85+
86+
# Next.js build output
87+
.next
88+
89+
# Nuxt.js build / generate output
90+
.nuxt
91+
dist
92+
93+
# Gatsby files
94+
.cache/
95+
# Comment in the public line in if your project uses Gatsby and not Next.js
96+
# https://nextjs.org/blog/next-9-1#public-directory-support
97+
# public
98+
99+
# vuepress build output
100+
.vuepress/dist
101+
102+
# Serverless directories
103+
.serverless/
104+
105+
# FuseBox cache
106+
.fusebox/
107+
108+
# DynamoDB Local files
109+
.dynamodb/
110+
111+
# TernJS port file
112+
.tern-port
113+
114+
# Stores VSCode versions used for testing VSCode extensions
115+
.vscode-test
116+
117+
# yarn v2
118+
119+
.yarn/cache
120+
.yarn/unplugged
121+
.yarn/build-state.yml
122+
.pnp.*

‎assets/sass/_base.scss

Lines changed: 93 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,93 @@
1+
html,
2+
body,
3+
p,
4+
ol,
5+
ul,
6+
li,
7+
dl,
8+
dt,
9+
dd,
10+
blockquote,
11+
figure,
12+
pre,
13+
hr,
14+
h1,
15+
h2,
16+
h3,
17+
h4,
18+
h5,
19+
h6 {
20+
margin: 0;
21+
padding: 0;
22+
}
23+
24+
html {
25+
box-sizing: border-box;
26+
-webkit-text-size-adjust: 100%;
27+
}
28+
29+
*,
30+
*::before,
31+
*::after {
32+
box-sizing: inherit;
33+
}
34+
35+
body {
36+
color: #fff;
37+
font-family: $font_family;
38+
font-size: 1.5rem;
39+
font-feature-settings: "palt";
40+
line-height: 1.5;
41+
}
42+
43+
h1,
44+
h2,
45+
h3,
46+
h4,
47+
h5,
48+
h6 {
49+
font-weight: 700;
50+
}
51+
52+
h1 {
53+
font-size: 2rem;
54+
}
55+
56+
h2 {
57+
font-size: 1.2rem;
58+
}
59+
60+
a {
61+
color: $color_link;
62+
text-decoration: none;
63+
transition-duration: .3s;
64+
}
65+
66+
p {
67+
line-height: 1.5;
68+
}
69+
70+
ul {
71+
list-style: none;
72+
}
73+
74+
// Add the correct font weight in Chrome, Edge, and Safari.
75+
b,
76+
strong {
77+
font-weight: 700;
78+
}
79+
80+
table {
81+
border-collapse: collapse;
82+
border-spacing: 0;
83+
}
84+
85+
td,
86+
th {
87+
padding: 0;
88+
}
89+
90+
td:not([align]),
91+
th:not([align]) {
92+
text-align: left;
93+
}

‎assets/sass/_main.scss

Lines changed: 144 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,144 @@
1+
amp-story-page {
2+
background: linear-gradient(0deg, $color_primary, adjust-hue($color_primary, 80%));
3+
}
4+
5+
amp-story-page-attachment p {
6+
margin: 1rem 0;
7+
}
8+
9+
// amp-story-grid-layer.bottom {
10+
// align-content: end;
11+
// }
12+
13+
amp-story-grid-layer.center {
14+
align-content: center;
15+
}
16+
17+
.container {
18+
position: relative;
19+
margin: 0 auto;
20+
padding: 0 1rem;
21+
max-width: 96rem;
22+
}
23+
24+
.wrapper {
25+
display: flex;
26+
align-items: center;
27+
flex-wrap: wrap;
28+
justify-content: space-around;
29+
}
30+
31+
.overlay {
32+
filter: opacity(.2);
33+
}
34+
35+
.title {
36+
letter-spacing: .1em;
37+
font-size: 2rem;
38+
}
39+
40+
.subtitle {
41+
letter-spacing: .1em;
42+
font-size: 1rem;
43+
}
44+
45+
.cardContainer {
46+
display: flex;
47+
flex-wrap: wrap;
48+
}
49+
50+
.card {
51+
display: flex;
52+
align-items: center;
53+
flex-direction: column;
54+
padding: 1rem;
55+
width: 50%;
56+
57+
&_inner {
58+
display: flex;
59+
align-items: center;
60+
flex-direction: column;
61+
padding: .5rem;
62+
width: 100%;
63+
border-radius: 14px;
64+
box-shadow: 0 4px 18px 0 rgba(0, 0, 0, .1);
65+
}
66+
67+
&_title {
68+
margin-bottom: .5rem;
69+
}
70+
}
71+
72+
.projectsContainer {
73+
display: flex;
74+
flex-wrap: wrap;
75+
justify-content: space-between;
76+
padding: 0 1rem;
77+
}
78+
79+
.project {
80+
width: 50%;
81+
padding: .5rem;
82+
83+
@include media_max {
84+
width: 100%;
85+
}
86+
87+
&_inner {
88+
display: flex;
89+
align-items: center;
90+
justify-content: space-between;
91+
padding: 1rem;
92+
width: 100%;
93+
border-radius: 14px;
94+
box-shadow: 0 4px 18px 0 rgba(0, 0, 0, .1);
95+
}
96+
97+
&_title {
98+
margin-bottom: .5rem;
99+
color: #fff;
100+
}
101+
102+
&_host {
103+
color: rgba(255, 255, 255, .6);
104+
font-size: .8rem;
105+
margin-top: 1rem;
106+
}
107+
108+
&_img {
109+
border-radius: 5px;
110+
margin-left: 1rem;
111+
}
112+
113+
.usedSkills_title {
114+
font-size: .8rem;
115+
}
116+
117+
&_usedSkills {
118+
font-size: .7rem;
119+
margin-top: 1rem;
120+
color: #fff;
121+
122+
.usedSkill + .usedSkill::before {
123+
content: ", ";
124+
}
125+
}
126+
}
127+
128+
.contactList {
129+
font-size: 1rem;
130+
131+
a {
132+
display: flex;
133+
align-items: center;
134+
flex: 1 1 100%;
135+
flex-direction: column;
136+
justify-content: space-between;
137+
padding: .5rem;
138+
color: #fff;
139+
140+
&:hover {
141+
opacity: .6;
142+
}
143+
}
144+
}

‎assets/sass/_mixin.scss

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
// メディアクエリを指定する（_variable.scssのbreak pointを参照）
2+
@mixin media_min($breakpoint: tablet) {
3+
@media #{map-get($breakpoint_min, $breakpoint)} {
4+
@content;
5+
}
6+
}
7+
8+
@mixin media_max($breakpoint: tablet) {
9+
@media #{map-get($breakpoint_max, $breakpoint)} {
10+
@content;
11+
}
12+
}

0 commit comments

Comments
 (0)