diff --git a/css/frame.css b/css/frame.css index 1542d99..e17d444 100644 --- a/css/frame.css +++ b/css/frame.css @@ -36,11 +36,13 @@ z*クラスとともに用いることで、影をつけることができます .row .frame{ width: 100%; box-sizing: border-box; + background-color: white; } .column .frame{ height: 100%; box-sizing: border-box; + background-color: white; } .z1{ diff --git a/css/helper.css b/css/helper.css index af4a4b7..5ce7610 100644 --- a/css/helper.css +++ b/css/helper.css @@ -14,6 +14,9 @@ padding: 8px } +.padding-16{ + padding: 16px +} /* teal */ .color-teal-500 { color: #009688; } .color-teal-50 { color: #E0F2F1; } diff --git a/css/layout.css b/css/layout.css index a9d2624..91fe6ce 100644 --- a/css/layout.css +++ b/css/layout.css @@ -22,6 +22,8 @@ valueに関してはこのようにして取得するイメージ。 動的化はジェネレータの都合上割愛。 back 500 float 700 bar 800 +ruby,php,c#,javascript ロゴあり + ```
@@ -46,7 +48,7 @@ back 500 float 700 bar 800
- +
@@ -75,7 +77,7 @@ back 500 float 700 bar 800
- +
@@ -104,7 +106,7 @@ back 500 float 700 bar 800
- +
@@ -133,7 +135,36 @@ back 500 float 700 bar 800
- + +
+ + + + + +
+
+
+
+
+ >> +
+
+
+
特技: Androidアプリ
+
+
+
+
使用頻度:
+
C#
+
+
C
+
+
C++
+
+
+
+
@@ -162,6 +193,10 @@ back 500 float 700 bar 800 .frame.card.javascript{ background-color: #ff9800; } +.frame.card.html{ + background-color: #F44336; +} + .frame.card .top{ position: relative; @@ -199,6 +234,10 @@ back 500 float 700 bar 800 .frame.card.javascript .float-button { background-color: #f57c00; } +.frame.card.html .float-button { + background-color: #D32F2F; +} + .frame.card .status{ padding: 16px; font-size: 12px; @@ -234,6 +273,9 @@ back 500 float 700 bar 800 .frame.card.javascript .status .bar{ background-color: #ef6c00; } +.frame.card.html .status .bar{ + background-color: #C62828; +} .frame.card .status .fav-logo{ @@ -241,4 +283,173 @@ back 500 float 700 bar 800 margin-right: 0; margin-left: auto; display: block; +} + +/* + +## User/profile + +cardの影がz1からz3に変わっていることに注意。ボタンは無くなっている +``` +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
特技: Web開発
+
+
+
+
使用頻度:
+
Ruby
+
+
Php
+
+
C++
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+
+ こんにちは。たにしです。 + 得意言語はRubyで、主にフロントエンド開発を中心に活動しています。 + 面白い方とチームを是非組めたらと思っています。
+ 年上のお姉さんが好きで、世界のいたるところにいるお姉さんを求めて僕は今日も旅に出ます。 +
+
+
+
+
+ graphが表示される +
+
+
+
+
+
+
+
+
+
+``` +*/ + +.test .content > .frame{ + height: 100%; + background-color: #eee; +} +.test .content > .frame .frame-top{ + height: 30%; + background-color: #C2185B; +} +.test .content > .frame .simple-profile{ + margin-top: -5%; +} + +.frame.sns{ + margin: 0 auto; + font-size: 60px; + color: #555; +} +.frame.sns i.fa{ + width: 100%; + text-align: center; +} +.frame.description { + font-size: 12px; + color: #555; +} + +.frame.matrixgraph .graph{ + width: 100%; + border: solid 1px #555; } \ No newline at end of file diff --git a/css/theme.css b/css/theme.css index 07027ea..7356b9c 100755 --- a/css/theme.css +++ b/css/theme.css @@ -49,16 +49,16 @@ .testbox7{ width: 400px; height: 400px; - background-color: #c51162; + background-color: #c51162 !important; } .testbox1{ display: block; color: white; - background-color: #c51162; + background-color: #c51162 !important; } .column .testbox1{ - background-color: #c51162; + background-color: #c51162 !important; } .testbox2, .testbox3, .testbox4{ @@ -71,17 +71,17 @@ padding: 0px; } .testbox2:nth-child(2n), .testbox3:nth-child(2n), .testbox4:nth-child(2n){ - background-color: #f50057; + background-color: #f50057 !important; } .testbox2:nth-child(2n+1), .testbox3:nth-child(2n+1), .testbox4:nth-child(2n+1){ - background-color: #2979ff; + background-color: #2979ff !important; } .container .testbox1{ - background-color: #c51162; + background-color: #c51162 !important; } .row .testbox1{ - background-color: #2979ff; + background-color: #2979ff !important; } .row .testbox3:nth-child(1){ diff --git a/img/lang_icon/c++_icon.gif b/img/lang_icon/c++_icon.gif new file mode 100644 index 0000000..990c366 Binary files /dev/null and b/img/lang_icon/c++_icon.gif differ diff --git a/img/lang_icon/c_icon.gif b/img/lang_icon/c_icon.gif new file mode 100644 index 0000000..479b5df Binary files /dev/null and b/img/lang_icon/c_icon.gif differ diff --git a/img/lang_icon/csharp_icon.gif b/img/lang_icon/csharp_icon.gif new file mode 100644 index 0000000..ad8357f Binary files /dev/null and b/img/lang_icon/csharp_icon.gif differ diff --git a/img/lang_icon/css3_icon.png b/img/lang_icon/css3_icon.png new file mode 100644 index 0000000..b4b661b Binary files /dev/null and b/img/lang_icon/css3_icon.png differ diff --git a/img/lang_icon/css3_icon_clear.png b/img/lang_icon/css3_icon_clear.png new file mode 100644 index 0000000..4f1c3e4 Binary files /dev/null and b/img/lang_icon/css3_icon_clear.png differ diff --git a/img/lang_icon/designer_icon_white.gif b/img/lang_icon/designer_icon_white.gif new file mode 100644 index 0000000..ebe857a Binary files /dev/null and b/img/lang_icon/designer_icon_white.gif differ diff --git a/img/lang_icon/haskell_icon.png b/img/lang_icon/haskell_icon.png new file mode 100644 index 0000000..3e6e169 Binary files /dev/null and b/img/lang_icon/haskell_icon.png differ diff --git a/img/lang_icon/html5_icon.png b/img/lang_icon/html5_icon.png new file mode 100644 index 0000000..859282f Binary files /dev/null and b/img/lang_icon/html5_icon.png differ diff --git a/img/lang_icon/html5_icon_white.png b/img/lang_icon/html5_icon_white.png new file mode 100644 index 0000000..74a2d39 Binary files /dev/null and b/img/lang_icon/html5_icon_white.png differ diff --git a/img/lang_icon/illustrator_icon.png b/img/lang_icon/illustrator_icon.png new file mode 100644 index 0000000..6faef41 Binary files /dev/null and b/img/lang_icon/illustrator_icon.png differ diff --git a/img/lang_icon/js_icon.png b/img/lang_icon/js_icon.png new file mode 100644 index 0000000..7865a54 Binary files /dev/null and b/img/lang_icon/js_icon.png differ diff --git a/img/lang_icon/js_icon_clear.png b/img/lang_icon/js_icon_clear.png new file mode 100644 index 0000000..b849327 Binary files /dev/null and b/img/lang_icon/js_icon_clear.png differ diff --git a/img/lang_icon/photoshop_icon.png b/img/lang_icon/photoshop_icon.png new file mode 100644 index 0000000..e93446f Binary files /dev/null and b/img/lang_icon/photoshop_icon.png differ diff --git a/img/lang_icon/php-icon.gif b/img/lang_icon/php-icon.gif new file mode 100644 index 0000000..b429d0e Binary files /dev/null and b/img/lang_icon/php-icon.gif differ diff --git a/img/lang_icon/ruby_icon.png b/img/lang_icon/ruby_icon.png new file mode 100644 index 0000000..6a4056e Binary files /dev/null and b/img/lang_icon/ruby_icon.png differ diff --git a/img/lang_icon/s_sketch_icon.png b/img/lang_icon/s_sketch_icon.png new file mode 100644 index 0000000..569b6f5 Binary files /dev/null and b/img/lang_icon/s_sketch_icon.png differ diff --git a/img/lang_icon/scala_icon.gif b/img/lang_icon/scala_icon.gif new file mode 100644 index 0000000..5732d8d Binary files /dev/null and b/img/lang_icon/scala_icon.gif differ diff --git a/img/lang_icon/swift-icon.png b/img/lang_icon/swift-icon.png new file mode 100644 index 0000000..567c27f Binary files /dev/null and b/img/lang_icon/swift-icon.png differ diff --git a/index.html b/index.html index 915722c..08faa00 100644 --- a/index.html +++ b/index.html @@ -11,6 +11,7 @@ 俺'strap +