This commit is contained in:
Krittin SETDHAVANICH 2023-07-16 15:10:35 +07:00
commit 72778ceef5
5 changed files with 59 additions and 121 deletions

View File

@ -165,6 +165,9 @@ const Faq = () => {
))} ))}
</div> </div>
<hr className="h-px my-8 bg-gray-200 border-0 dark:bg-gray-700"></hr> <hr className="h-px my-8 bg-gray-200 border-0 dark:bg-gray-700"></hr>
<div className="invisible">blank</div>
<div className="invisible">blank</div>
<div className="invisible">blank</div>
</div> </div>
); );
}; };

View File

@ -41,7 +41,7 @@ const Menu = () => {
return ( return (
<> <>
<motion.div variants={textVariant()}> <motion.div variants={textVariant()}>
<h2 className={styles.sectionCenterText}>SOS CAMP 12th</h2> <h2 id="sos-head" className={styles.sectionCenterText}>SOS CAMP 12th</h2>
</motion.div> </motion.div>
<motion.p <motion.p
@ -66,6 +66,8 @@ const Menu = () => {
<div class="invisible">blankblankblankblankblankblankblankblankblankblankblank <div class="invisible">blankblankblankblankblankblankblankblankblankblankblank
blankblankblankblankblankblankblankblankblankblankblankblankblankblankblankblank blankblankblankblankblankblankblankblankblankblankblankblankblankblankblankblank
blankblankblankblankblankblankblankblankblankblankblankblankblankblankblank</div> blankblankblankblankblankblankblankblankblankblankblankblankblankblankblank</div>
<div className="invisible"></div>
</> </>
); );
}; };

View File

@ -412,3 +412,15 @@ div.MuiContainer-root {
margin-bottom: 30px; margin-bottom: 30px;
} }
/*.bg-\[\#050816\] {*/
/* --tw-bg-opacity: 1;*/
/* background-color: #36ff9a;*/
/*}*/
.invisible {
margin-bottom: 30px;
}
#sos-head {
margin-top: 50px;
}

View File

@ -1,154 +1,75 @@
const cards = [ const cards = [
{ {
'title': 'Syntax', 'title': 'Data type',
'describe': 'Mai tum leaw', 'describe': 'Day 1',
'link': 'https://elabsheet.org/elab/taskpads/show/jr070sqaqp/', 'link': 'https://elabsheet.org/elab/taskpads/show/iln6rkv0ch/',
'img': './images/syntax.jpeg', 'img': '../../public/images/gif/_1.jpg',
'id': 1 'id': 1
}, },
{ {
'title': 'Variables', 'title': 'Boolean',
'describe': 'Mai tum leaw', 'describe': 'Day 1',
'link': 'https://elabsheet.org/elab/taskpads/change/jr070sqaqp/yqxiczozva/', 'link': 'https://elabsheet.org/elab/taskpads/show/558n9h46d9/',
'img': './images/syntax.jpeg', 'img': '../../public/images/gif/_2.jpg',
'id': 2 'id': 2
}, },
{ {
'title': 'Data Type 01', 'title': 'Operator 01 (Area)',
'describe': 'Mai tum leaw', 'describe': 'Day 1',
'link': 'www.', 'link': 'https://elabsheet.org/elab/taskpads/show/l2uoxc77z9/',
'img': './images/syntax.jpeg', 'img': '../../public/images/gif/_3.jpg',
'id': 3 'id': 3
}, },
{ {
'title': 'Data Type 02', 'title': 'Operator 02 (Radius)',
'describe': 'Mai tum leaw', 'describe': 'Day 1',
'link': 'www.', 'link': 'https://elabsheet.org/elab/taskpads/show/dzm24rq6hp/',
'img': './images/syntax.jpeg', 'img': '../../public/images/gif/_4.jpg',
'id': 4 'id': 4
}, },
{ {
'title': 'Data Type 03', 'title': 'Variables',
'describe': 'Mai tum leaw', 'describe': 'Day 1',
'link': 'www.', 'link': 'https://elabsheet.org/elab/taskpads/show/jr070sqaqp/',
'img': './images/syntax.jpeg', 'img': '../../public/images/gif/_5.jpg',
'id': 5 'id': 5
}, },
{ {
'title': 'Numbers, Casting, String', 'title': 'Numbers, Casting, String',
'describe': 'Mai tum leaw', 'describe': 'Day 1',
'link': 'www.', 'link': 'https://elabsheet.org/elab/taskpads/show/qkea3sxyo0/',
'img': './images/syntax.jpeg', 'img': '../../public/images/gif/_6.jpg',
'id': 6 'id': 6
}, },
{ {
'title': 'Strings', 'title': 'Strings',
'describe': 'Mai tum leaw', 'describe': 'Day 1',
'link': 'https://elabsheet.org/elab/taskpads/change/4k422fwoou/v49ajp3qgh/', 'link': 'https://elabsheet.org/elab/taskpads/show/npxunwm0n5/',
'img': './images/syntax.jpeg', 'img': '../../public/images/gif/_7.jpg',
'id': 7 'id': 7
}, },
{ {
'title': 'Boolean 01', 'title': 'Strings slicing',
'describe': 'Mai tum leaw', 'describe': 'Day 1',
'link': 'www.', 'link': 'https://elabsheet.org/elab/taskpads/show/h62ity5o8f/',
'img': './images/syntax.jpeg', 'img': '../../public/images/gif/_8.jpg',
'id': 8 'id': 8
}, },
{ {
'title': 'Boolean 02', 'title': 'Computation',
'describe': 'Mai tum leaw', 'describe': 'Day 1',
'link': 'www.', 'link': 'https://elabsheet.org/elab/taskpads/show/0537fkytq9/',
'img': './images/syntax.jpeg', 'img': '../../public/images/gif/_9.jpg',
'id': 9 'id': 9
}, },
{ {
'title': 'Operators 01', 'title': 'Comment',
'describe': 'Mai tum leaw', 'describe': 'Day 1',
'link': 'www.', 'link': 'https://elabsheet.org/elab/taskpads/show/xj450gjw5y/',
'img': './images/syntax.jpeg', 'img': '../../public/images/gif/_10.jpg',
'id': 10 'id': 10
},
{
'title': 'Operators 02',
'describe': 'Mai tum leaw',
'link': 'www.',
'img': './images/syntax.jpeg',
'id': 11
},
{
'title': 'Lists',
'describe': 'Mai tum leaw',
'link': 'www.',
'img': './images/syntax.jpeg',
'id': 12
},
{
'title': 'Tuples',
'describe': 'Mai tum leaw',
'link': 'www.',
'img': './images/syntax.jpeg',
'id': 13
},
{
'title': 'Sets',
'describe': 'Mai tum leaw',
'link': 'www.',
'img': './images/syntax.jpeg',
'id': 14
},
{
'title': 'Dictionaries',
'describe': 'Mai tum leaw',
'link': 'www.',
'img': './images/syntax.jpeg',
'id': 15
},
{
'title': 'If Else 01',
'describe': 'Mai tum leaw',
'link': 'www.',
'img': './images/syntax.jpeg',
'id': 16
},
{
'title': 'If Else 02',
'describe': 'Mai tum leaw',
'link': 'www.',
'img': './images/syntax.jpeg',
'id': 17
},
{
'title': 'If Else 03',
'describe': 'Mai tum leaw',
'link': 'www.',
'img': './images/syntax.jpeg',
'id': 18
},
{
'title': 'While Loops',
'describe': 'Mai tum leaw',
'link': 'www.',
'img': './images/syntax.jpeg',
'id': 19
},
{
'title': 'For Loops',
'describe': 'Mai tum leaw',
'link': 'www.',
'img': './images/syntax.jpeg',
'id': 20
},
{
'title': 'Functions',
'describe': 'Mai tum leaw',
'link': 'www.',
'img': './images/syntax.jpeg',
'id': 21
} }
] ]
export default cards; export default cards;

View File

@ -45,8 +45,8 @@
.green-pink-gradient { .green-pink-gradient {
background: "#00cea8"; background: "#00cea8";
background: linear-gradient(90.13deg, #fc75c3 1.9%, #bf61ff 97.5%); background: linear-gradient(90.13deg, #36ff9a 1.9%, #bf61ff 97.5%);
background: -webkit-linear-gradient(-90.13deg, #fc75c3 1.9%, #bf61ff 97.5%); background: -webkit-linear-gradient(-90.13deg, #36ff9a 1.9%, #bf61ff 97.5%);
} }
.orange-text-gradient { .orange-text-gradient {