Skip to content

Commit

Permalink
add page
Browse files Browse the repository at this point in the history
  • Loading branch information
tytdroid committed Oct 23, 2024
1 parent 8a56e26 commit 1d25057
Show file tree
Hide file tree
Showing 2 changed files with 317 additions and 52 deletions.
48 changes: 31 additions & 17 deletions src/pages/index.astro
View file
Original file line number Diff line number Diff line change
Expand Up @@ -76,10 +76,10 @@ console.log(posts)
<h3>活動内容</h3>
<p>01</p>
</div>
<p class="activities__cardttl">Webサイトの案件制作</p>
<div class="activities__card">
<div>
<p class="activities__card__txt">あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、う<br>つくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。あのイーハ<br>トーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で<br>飾られたモリーオ市、郊外のぎらぎらひかる草の波。あのイーハトーヴォのすき<br>とおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリー<br>オ市、<br>
<p class="activities__topcardttl">Webサイトの案件制作</p>
<div class="activities__topcard">
<div class="activities__topcard__txtwrapper">
<p class="activities__topcard__txt">あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、う<br>つくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。あのイーハ<br>トーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で<br>飾られたモリーオ市、郊外のぎらぎらひかる草の波。あのイーハトーヴォのすき<br>とおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリー<br>オ市、<br>
あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、う<br>つくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。あのイーハ<br>トーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森</p>
<div class="triangle-button__wrapper">
<a href="" class="triangle-button__blue">案件製作</a>
Expand All @@ -104,8 +104,10 @@ console.log(posts)
</div>
</div>
</div>
<p class="middlecardnumber">02</p>


<div class="activities__middlecard__flexbox">
<p class="middlecardnumber">02</p>
<div class="activities__middlecard__flexbox__imgwrapper">
<div class="activities__middlecard__flexbox__imgwrapper__up">
<Image
Expand Down Expand Up @@ -137,15 +139,17 @@ console.log(posts)
/>
</div>
</div>
<p class="activities__middlecard__flexbox__ttl">Webアプリ開発</p>
<p class="activities__middlecard__flexbox__txt">あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、う<br>つくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。あのイーハ<br>トーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で<br>飾られたモリーオ市、郊外のぎらぎらひかる草の波。あのイーハトーヴォのすき<br>とおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリー<br>オ市、<br>
あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、う<br>つくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。あのイーハ<br>トーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森</p>
</div>
<p class="bottomcardnumber">03</p>

<div class="activities__bottomcard">
<p class="bottomcardnumber">03</p>
<div>
<p class="activities__cardttl">合宿によるハッカソン</p>
<p class="activities__bottomcard__cardttl">合宿によるハッカソン</p>
<p class="activities__bottomcard__txt">あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、う<br>つくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。あのイーハ<br>トーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で<br>飾られたモリーオ市、郊外のぎらぎらひかる草の波。あのイーハトーヴォのすき<br>とおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリー<br>オ市、<br>
あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、う<br>つくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。あのイーハ<br>トーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森</p>
あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、う<br>つくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。あのイーハ<br>トーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森</p>
</div>
<div>
<Image
Expand Down Expand Up @@ -177,6 +181,9 @@ console.log(posts)
<p class="p-teamcharacteristic__cardwrapper__card__txt">あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。</p>
</div>
<div class="p-teamcharacteristic__cardwrapper__card center">
<div class="p-teamcharacteristic__cardwrapper__card__number">
<p>02</p>
</div>
<Image
src={IMG}
alt={"Astro"}
Expand All @@ -185,6 +192,9 @@ console.log(posts)
<p class="p-teamcharacteristic__cardwrapper__card__txt">あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。</p>
</div>
<div class="p-teamcharacteristic__cardwrapper__card right">
<div class="p-teamcharacteristic__cardwrapper__card__number">
<p>03</p>
</div>
<Image
src={IMG}
alt={"Astro"}
Expand All @@ -195,8 +205,12 @@ console.log(posts)
</div>
</div>
</section>
<section id="schedule" class="p-schedule">
<p class="p-schedule__ttl">活動日程</p>
</section>
<section id="blogList" class="p-blogList">
<div class="l-container">
<h6>Webチームブログ</h6>
<div class="p-blogList__wrapper">
{
posts.slice(0, 3).map((post) => (
Expand All @@ -223,16 +237,16 @@ console.log(posts)
</section>
<footer>
<div class="flexbox-top">
<a href="" >TOP</a>
<a href="" >Webチームの一年</a>
<a href="" >得られる経験</a>
<a href="" >製作実績</a>
<a href="" >案件製作</a>
<a href="" >ブログ</a>
<a href="" >更新情報一覧</a>

<div class="flexbox-top__buttonwrapper"><a href="" >TOP</a></div>
<div class="flexbox-top__buttonwrapper"><a href="" >Webチームの一年</a></div>
<div class="flexbox-top__buttonwrapper"><a href="" >得られる経験</a></div>
<div class="flexbox-top__buttonwrapper"><a href="" >製作実績</a></div>
<div class="flexbox-top__buttonwrapper"><a href="" >案件製作</a></div>
<div class="flexbox-top__buttonwrapper"><a href="" >ブログ</a></div>
<div class="flexbox-top__buttonwrapper"><a href="" >更新情報一覧</a></div>
<div class="flexbox-top__buttonwrapper flexname">
<p>© 2024 Copyright: </p>
<a href="" >コンピュータ研究会・WINC</a>
<a href="" >コンピュータ研究会・WINC</a></div>
</div>
<div class="flexbox-bottom">
<p>早稲田コンピュータ研究会　WINC</p>
Expand Down
Loading

0 comments on commit 1d25057

Please # to comment.