-
Notifications
You must be signed in to change notification settings - Fork 7
/
sp.slim
127 lines (117 loc) · 5.95 KB
/
sp.slim
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
doctype 5
html lang="ja"
head
meta charset="UTF-8"
meta name="viewport" content="width=320,initial-scale=1.0,minimum-scale=1.0"
title yoshiko-pg.github.io
link rel="stylesheet" href="css/sp.css"
script src="js/lib/jquery-2.1.0.min.js"
script src="js/lib/skrollr.js"
script src="js/sp.js"
link rel="shortcut icon" href="img/favicon.ico"
link rel="canonical" href="/"
body
#intro.card data-0="top:0px;left:0px;transform:rotate(0deg);z-index:1;" data-500="top:-200px;left:-50px;transform:rotate(-90deg);" data-4700="top:-200px;left:-50px;transform:rotate(-90deg);z-index:2;" data-5000="top:0px;left:0px;transform:rotate(0deg);"
.job WEBエンジニア
.icon
img src="img/card_img.png"
.name
.kanji 吉田 真麻
.yomi Maasa Yoshida
ul.links
li
a href="https://twitter.com/yoshiko_pg" target="_blank"
img src="img/link_twitter.png"
| @yoshiko_pg
li
a href="https://github.com/yoshiko-pg" target="_blank"
img src="img/link_github.png"
| github.com/yoshiko-pg
li
a href="https://www.facebook.com/yoshida.maasa" target="_blank"
img src="img/link_facebook.png"
| www.facebook.com/yoshida.maasa
li
a href="http://yoshiko.hatenablog.jp/" target="_blank"
img src="img/link_hatenablog.png"
| yoshiko.hatenablog.jp
li
a href="mailto:[email protected]" target="_blank"
img src="img/link_mail.png"
#bg1 data-2900="display:block;" data-3000="display:none;"
img src="img/bg2.jpg"
.white_text "Hello, World"
#about.card data-600="top:80%;left:-150%;" data-1000="top:0%;left:0%;" data-1900="top:0%;left:0%;transform:rotate(0deg);" data-2600="top:-200px;left:-50px;transform:rotate(-90deg);"
.job ABOUT
.icon
img src="img/profile.png"
.text_box data-1000="opacity:1;z-index:100;" data-1200="opacity:0;z-index:0;"
.name
.yomi Maasa Yoshida
.text
| 趣味も仕事もプログラミング。<br>
br
| サーバーサイドもたのしいけど、<br>
フロントエンドはもっとたのしい。<br>
br
| よしだなので、よしこって名前でやってます。<br>
.text_box data-1200="opacity:0;" data-1400="opacity:1;" data-1600="opacity:0;"
.name
.yomi history
.text
| 高校・大学と音楽を専攻。<br />
趣味はホームページ制作。<br />
いつからかプログラマーに憧れだすが、きっかけがつかめず。<br />
しかし音楽大学に進学後、作曲のレッスン中になぜかC言語の基礎を教えてもらい、やっぱり面白くなって翌年大学をやめてWeb制作会社に就職。Webエンジニアとして歩み始める。
.text_box data-1600="opacity:0;" data-1800="opacity:1;"
.name
.yomi mind
.text
|
"何を作るかより、どう作るか"<br>
プログラミングは手段ではなく目的。<br>
何を作るかよりも、きれいな設計、きれいなコード、効率的な方法で形にすることを考えるのが楽しいタイプ。<br>
手早く作ってあとからたくさんバグを直すよりも、じっくり設計を練って丁寧に堅実に実装するのが好き。
#skills.card data-1400="display:none;" data-1500="display:block;z-index:0;" data-3000="z-index:1;" data-3200="top:0%;left:0%;transform:rotate(0deg);" data-3700="top:-200px;left:-50px;transform:rotate(-90deg);"
.job SKILLS
.skills_image
img src="img/bg_skills.gif"
.fa.fa-check#JS data-2300="display:none;" data-2400="display:block;"
.fa.fa-check#PHP data-2400="display:none;" data-2500="display:block;"
.fa.fa-check#CFS data-2500="display:none;" data-2600="display:block;"
.fa.fa-check#CSS data-2600="display:none;" data-2700="display:block;"
.fa.fa-check#RUBY data-2700="display:none;" data-2800="display:block;"
.fa.fa-check#HTML data-2800="display:none;" data-2900="display:block;"
.fa.fa-check#SASS data-2900="display:none;" data-3000="display:block;"
#works.card data-3000="display:none;" data-3100="display:block;z-index:0;" data-3700="z-index:1;" data-4200="opacity:1;" data-4500="opacity:0;" data-4510="display:none;"
.job works
ul#work_list
li data-3500="opacity:0;" data-3700="opacity:1;"
a href="http://yoshiko-pg.github.io/oreore_cal/" target="_blank"
i.fa.fa-calendar
p おれおれ勉強会カレンダー
li data-3700="opacity:0;" data-3900="opacity:1;"
a href="http://yoshiko-pg.github.io/checksheetmaker/" target="_blank"
i.fa.fa-check-square-o
p プログラミング言語チェックシートメーカー
li data-3900="opacity:0;" data-4100="opacity:1;"
a href="http://yoshiko.hatenablog.jp/entry/2015/11/02/081237" target="_blank"
i.fa.fa-book
p 著書：HTML5/CSS3 モダンコーディング
#bg2 data-3900="display:none;z-index:0;" data-4000="display:block;"
img src="img/bg2.jpg"
.white_text "Be the Worst."
div style="position:fixed;width:100%;height:100%;z-index:9;"
javascript:
skrollr.init();
// PC
if (!((navigator.userAgent.indexOf('iPhone') > 0 && navigator.userAgent.indexOf('iPad') == -1) || navigator.userAgent.indexOf('iPod') > 0 || navigator.userAgent.indexOf('Android') > 0)) {
location.href = './';
}
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-60995437-1', 'auto');
ga('send', 'pageview');