diff --git a/PWA.css b/PWA.css new file mode 100644 index 0000000..20bb4ff --- /dev/null +++ b/PWA.css @@ -0,0 +1,23 @@ +body{background-color:#FFFFCC; +background-image: url(skip_back.PNG); +background-position: right bottom; +background-repeat: no-repeat; +background-attachment: fixed;} + +h2{text-align:center; font-size:2em;font-weight:bold;} + +.midasi{font-size:4em; text-align:center;text-shadow: 1px 1px 2px silver; font-weight: bold; margin:10px; padding:10px;border:5px solid black; +background: linear-gradient(45deg, #6cb8ff, #fff66c, #ffa36c); } + + +.mainbox { display: table; width: 70%; margin: 0 auto;table-layout: fixed;} + +.box { display: table-cell;vertical-align: middle; text-align: center; border:5px solid black; padding:10px;width:12em;} + +.box:nth-child(1):hover {background: #99CCFF;transition: background 1s;transition-delay:0.2s;} + +.box:nth-child(2):hover {background: #99CCFF;transition: background 1s;transition-delay:0.2s;} + +.box:nth-child(3):hover {background: #99CCFF;transition: background 1s;transition-delay:0.2s;} + +a:hover{text-decoration: underline;} diff --git a/PWA.html b/PWA.html new file mode 100644 index 0000000..11c5391 --- /dev/null +++ b/PWA.html @@ -0,0 +1,24 @@ + + + + + skipホームページ + + + + + + + +

skip + +

+ +

skipホームページにようこそ。ここでは東北公益文科大学の【SKIP】というクラブの活動記録を掲載しています。

+ + + diff --git a/PWA.js b/PWA.js new file mode 100644 index 0000000..cf6d907 --- /dev/null +++ b/PWA.js @@ -0,0 +1 @@ + alert('JavaScriptのアラート');