From e790a32cb29fcb987ffbd0f8f2673fcfea080ee6 Mon Sep 17 00:00:00 2001 From: tyage Date: Tue, 25 Apr 2017 21:55:24 +0900 Subject: [PATCH 01/10] framework --- workshops/index.html | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) create mode 100644 workshops/index.html diff --git a/workshops/index.html b/workshops/index.html new file mode 100644 index 0000000..d52c163 --- /dev/null +++ b/workshops/index.html @@ -0,0 +1,16 @@ +--- +layout: default +title: Workshops +--- + +
+
+
+
+
+
+
+
+
+
+
From d7f63fffe3f4fcb956ca6d60849d8fae02c8cbe0 Mon Sep 17 00:00:00 2001 From: tyage Date: Fri, 2 Jun 2017 18:16:31 +0900 Subject: [PATCH 02/10] workshop box --- workshops/app.css | 15 ++++++++ workshops/index.html | 92 +++++++++++++++++++++++++++++++++++++++----- 2 files changed, 98 insertions(+), 9 deletions(-) create mode 100644 workshops/app.css diff --git a/workshops/app.css b/workshops/app.css new file mode 100644 index 0000000..a1a5ec1 --- /dev/null +++ b/workshops/app.css @@ -0,0 +1,15 @@ +.workshops { + display: flex; + flex-wrap: wrap; +} +.workshops > .workshop { + flex: 0 0 33%; +} +.workshops > .workshop > .workshop-title { + font-size: 20px; +} +.workshops > .workshop > .workshop-image { + width: 100%; + height: 200px; + background: #eee; +} diff --git a/workshops/index.html b/workshops/index.html index d52c163..c31bd77 100644 --- a/workshops/index.html +++ b/workshops/index.html @@ -3,14 +3,88 @@ title: Workshops --- + +
-
-
-
-
-
-
-
-
-
+
+

ブロック崩し

+ +

ここに内容紹介が入ります。

+ +
+
+

ブロック崩し

+ +

ここに内容紹介が入ります。

+ +
+
+

ブロック崩し

+ +

ここに内容紹介が入ります。

+ +
+
+

ブロック崩し

+ +

ここに内容紹介が入ります。

+ +
+
+

ブロック崩し

+ +

ここに内容紹介が入ります。

+ +
+
+

ブロック崩し

+ +

ここに内容紹介が入ります。

+ +
+
+

ブロック崩し

+ +

ここに内容紹介が入ります。

+ +
+
+

ブロック崩し

+ +

ここに内容紹介が入ります。

+ +
+
+

ブロック崩し

+ +

ここに内容紹介が入ります。

+ +
From 93d3d7ad4dc47f2b9bea53846ce509f1f5dc6875 Mon Sep 17 00:00:00 2001 From: tyage Date: Thu, 8 Jun 2017 17:02:10 +0900 Subject: [PATCH 03/10] list css --- workshops/app.css | 28 +++++++++++++++++++++++++++- workshops/index.html | 18 +++++++++--------- 2 files changed, 36 insertions(+), 10 deletions(-) diff --git a/workshops/app.css b/workshops/app.css index a1a5ec1..dfd0fe2 100644 --- a/workshops/app.css +++ b/workshops/app.css @@ -3,13 +3,39 @@ flex-wrap: wrap; } .workshops > .workshop { - flex: 0 0 33%; + flex: 0 0 31%; + margin: 0 1% 40px; + position: relative; } .workshops > .workshop > .workshop-title { font-size: 20px; + margin: 0 0 10px; + font-weight: bold; } .workshops > .workshop > .workshop-image { width: 100%; height: 200px; background: #eee; + border: 0; +} +.workshops > .workshop > .workshop-description { + position: absolute; + top: 180px; + left: 0; + right: 0; + height: 40px; + background: rgba(255,255,255,0.3); + padding: 5px 10px; + font-size: 14px; +} +.workshops > .workshop > .workshop-navs > button { + background: #8C6450; + outline: 0; + border: 0; + color: white; + padding: 5px 10px; + font-size: 14px; +} +.workshops > .workshop > .workshop-navs > button:first-child { + background: #00A5BF; } diff --git a/workshops/index.html b/workshops/index.html index c31bd77..2f922a1 100644 --- a/workshops/index.html +++ b/workshops/index.html @@ -8,7 +8,7 @@

ブロック崩し

- +

ここに内容紹介が入ります。

ブロック崩し

- +

ここに内容紹介が入ります。

ブロック崩し

- +

ここに内容紹介が入ります。

ブロック崩し

- +

ここに内容紹介が入ります。

ブロック崩し

- +

ここに内容紹介が入ります。

ブロック崩し

- +

ここに内容紹介が入ります。

ブロック崩し

- +

ここに内容紹介が入ります。

ブロック崩し

- +

ここに内容紹介が入ります。

ブロック崩し

- +

ここに内容紹介が入ります。