@@ -1115,9 +1115,72 @@ <h2 class="text-4xl text-center pt-20 xl:pt-30">
11151115
11161116 </ li >
11171117
1118+ < li class ="-mt-[74px] ">
1119+
1120+ < a href ="https://x.com/coderdojotonami " target ="_blank ">
1121+
1122+
1123+ < div class ="relative aspect-[1/cos(30deg)] w-50 overflow-hidden flex items-center justify-center " style ="clip-path: polygon(50% -50%,100% 50%,50% 150%,0 50%); ">
1124+
1125+ < div class ="absolute size-full opacity-0 hover:opacity-100 ">
1126+ < div class ="absolute size-full mix-blend-multiply bg-[#6f6f6f] "> </ div >
1127+ < p class ="flex flex-col items-center justify-center text-white text-center absolute size-full ">
1128+ 渕崎愛
1129+ < span class ="text-xs "> となみ</ span >
1130+ </ p >
1131+ </ div >
1132+ < img class ="min-w-full min-h-full object-cover " src ="/img/staff/渕崎愛.webp " alt ="渕崎愛 " />
1133+ </ div >
1134+
1135+
1136+ </ a >
1137+
1138+ </ li >
1139+
1140+ < li class ="-mt-[74px] ">
1141+
1142+ < a href ="https://coderdojo-fukuoka.github.io/blog/about/ " target ="_blank ">
1143+
1144+
1145+ < div class ="relative aspect-[1/cos(30deg)] w-50 overflow-hidden flex items-center justify-center " style ="clip-path: polygon(50% -50%,100% 50%,50% 150%,0 50%); ">
1146+
1147+ < div class ="absolute size-full opacity-0 hover:opacity-100 ">
1148+ < div class ="absolute size-full mix-blend-multiply bg-[#6f6f6f] "> </ div >
1149+ < p class ="flex flex-col items-center justify-center text-white text-center absolute size-full ">
1150+ kztaka
1151+ < span class ="text-xs "> 福岡</ span >
1152+ </ p >
1153+ </ div >
1154+ < img class ="min-w-full min-h-full object-cover " src ="/img/staff/kztaka.webp " alt ="kztaka " />
1155+ </ div >
1156+
1157+
1158+ </ a >
1159+
1160+ </ li >
1161+
1162+ < li class ="-mt-[74px] ">
1163+
1164+ < a href ="https://juridon.github.io/ " target ="_blank ">
1165+
1166+
1167+ < div class ="relative aspect-[1/cos(30deg)] w-50 overflow-hidden flex items-center justify-center " style ="clip-path: polygon(50% -50%,100% 50%,50% 150%,0 50%); ">
11181168
1169+ < div class ="absolute size-full opacity-0 hover:opacity-100 ">
1170+ < div class ="absolute size-full mix-blend-multiply bg-[#6f6f6f] "> </ div >
1171+ < p class ="flex flex-col items-center justify-center text-white text-center absolute size-full ">
1172+ じゅりっぺ
1173+ < span class ="text-xs "> 久留米</ span >
1174+ </ p >
1175+ </ div >
1176+ < img class ="min-w-full min-h-full object-cover " src ="/img/staff/じゅりっぺ.webp " alt ="じゅりっぺ " />
1177+ </ div >
1178+
1179+
1180+ </ a >
1181+
1182+ </ li >
11191183
1120- < div class ="w-50 "> </ div >
11211184 </ ul >
11221185</ div >
11231186
@@ -1541,6 +1604,66 @@ <h2 class="text-4xl text-center pt-20 xl:pt-30">
15411604
15421605 </ li >
15431606
1607+ < li class ="flex flex-col items-center gap-y-2 ">
1608+
1609+ < a href ="https://x.com/coderdojotonami " target ="_blank " class ="flex flex-col items-center gap-y-2 ">
1610+
1611+
1612+ < div class ="relative aspect-[1/cos(30deg)] w-24 sm:w-30 overflow-hidden flex items-center justify-center " style ="clip-path: polygon(50% -50%,100% 50%,50% 150%,0 50%); ">
1613+ < img class ="w-full " src ="/img/staff/渕崎愛.webp " alt ="渕崎愛 " />
1614+ </ div >
1615+
1616+ <!-- モバイルで表示する、肩書きや氏名の表示 -->
1617+ < p class ="flex flex-col text-center w-24 text-sm word-break ">
1618+ 渕崎愛
1619+ < span class ="text-xs "> となみ</ span >
1620+ </ p >
1621+
1622+
1623+ </ a >
1624+
1625+ </ li >
1626+
1627+ < li class ="flex flex-col items-center gap-y-2 ">
1628+
1629+ < a href ="https://coderdojo-fukuoka.github.io/blog/about/ " target ="_blank " class ="flex flex-col items-center gap-y-2 ">
1630+
1631+
1632+ < div class ="relative aspect-[1/cos(30deg)] w-24 sm:w-30 overflow-hidden flex items-center justify-center " style ="clip-path: polygon(50% -50%,100% 50%,50% 150%,0 50%); ">
1633+ < img class ="w-full " src ="/img/staff/kztaka.webp " alt ="kztaka " />
1634+ </ div >
1635+
1636+ <!-- モバイルで表示する、肩書きや氏名の表示 -->
1637+ < p class ="flex flex-col text-center w-24 text-sm word-break ">
1638+ kztaka
1639+ < span class ="text-xs "> 福岡</ span >
1640+ </ p >
1641+
1642+
1643+ </ a >
1644+
1645+ </ li >
1646+
1647+ < li class ="flex flex-col items-center gap-y-2 ">
1648+
1649+ < a href ="https://juridon.github.io/ " target ="_blank " class ="flex flex-col items-center gap-y-2 ">
1650+
1651+
1652+ < div class ="relative aspect-[1/cos(30deg)] w-24 sm:w-30 overflow-hidden flex items-center justify-center " style ="clip-path: polygon(50% -50%,100% 50%,50% 150%,0 50%); ">
1653+ < img class ="w-full " src ="/img/staff/じゅりっぺ.webp " alt ="じゅりっぺ " />
1654+ </ div >
1655+
1656+ <!-- モバイルで表示する、肩書きや氏名の表示 -->
1657+ < p class ="flex flex-col text-center w-24 text-sm word-break ">
1658+ じゅりっぺ
1659+ < span class ="text-xs "> 久留米</ span >
1660+ </ p >
1661+
1662+
1663+ </ a >
1664+
1665+ </ li >
1666+
15441667 </ ul >
15451668</ div >
15461669
0 commit comments