- ジュニアドクター鳥海塾
-第1期 受講生募集
- -鳥海塾でどんなことが学べるの?
まずは、プログラミングの基礎を身に付けます。そして、情報技術が身近な 地域社会のどんな場面に使われているのかを学びます。講座の終わりには、受講 @@ -27,7 +27,7 @@
実際の授業では、大学の先生や大学生のお兄さんお姉さんがみなさん の学びをサポートします。授業当日に学校行事やイベントで欠席になる場合には、 オンラインでの補講にも対応します。
鳥海塾で学びを積み上げて「鳥海山の頂 (2236m)」を目指そう !
鳥海塾では受講生の学習の記録を積み重ね、標高メートルとして高さで示し ながら、名峰「鳥海山」の頂上標高2236メートルを目指して登っていきます。
diff --git a/jdmain.css b/jdmain.css index 7a9af32..d83d77b 100644 --- a/jdmain.css +++ b/jdmain.css @@ -30,31 +30,14 @@ } body.vmenuspace {margin-top: 2em; border-top: 3px solid;} -section.logobox {position: relative;} -section.logobox > h1 { +div.logobox {position: relative;} +div.logobox > h1 { position:absolute; top: 30px; left: 170px; } div.scrollbox { height: 6em; overflow: auto; background: #eff; } -nav a { - color: white; - text-decoration: none; - margin-left: 20px; - margin-right: 20px; -} - -nav a:hover { - color: white; - text-decoration: underline; -} - -.logobox img { - width: 150px; - height: 150px; -} - header{ display: flex; align-items: center; @@ -65,7 +48,17 @@ rgba(40, 40, 40, 0.8)); } -main {padding: 0 1ex;} +header > nav > a { + color: white; + text-decoration: none; + margin-left: 20px; + margin-right: 20px; +} + +header > nav > a:hover { + color: white; + text-decoration: underline; +} header ul{ display:flex; @@ -74,11 +67,18 @@ header ul li{ list-style: none; } -footer { /* XXX: Change ME! */ - border-top: 1px dashed #888; - text-align: right; font-size: 70%; + +div.logobox img { + width: 150px; + height: 150px; } +main { + padding: 0 1ex; + height: 800px; + /* background-color: rebeccapurple; */ + position: relative; +} h1{ margin-left:20px; @@ -87,8 +87,40 @@ h2{ margin-left:20px; + } +section{ + width:730px; +} + +.what_study{ + position: absolute; + top: 100px; + right: 10px; + /* background-color: saddlebrown; */ +} +.what_study > h3{ + background: linear-gradient(transparent 50%, yellow 50%); + width: 346px; +} + +.aiming_top{ + position: absolute; + top: 500px; + /* background-color: royalblue; */ +} +.aiming_top > h3{ + background: linear-gradient(transparent 50%, yellow 50%); + width: 680px; +} + + + +footer { /* XXX: Change ME! */ + border-top: 1px dashed #888; + text-align: right; font-size: 70%; +} table.school tr {visibility: collapse;} table.school tr.match {visibility: visible;} table.border, table.border td, table.border th {