@@ -35,65 +35,85 @@ const description = "ML@Purdue Website";
3535 >
3636 <Header fixed />
3737 <br />
38- <article class =" pt-10 mt-11 w-[90vw] max-w-[80ch]" >
39- <ContentSection id =" workshops" title =" READING GROUP" >
40- <div
41- class =" flex w-screen border-y-[1px] border-purple-500 -mt-6 py-6"
42- >
43- <p class =" max-w-[75%] pl-8 text-sm" >
44- At the heart of research lies a <a class =" font-black" href =" https://arxiv.org/stats/monthly_submissions" >mountain of papers</a >.
45- It is hard to keep up with the field individually, since breakthroughs are made and published every single day.
46- <br ><br >
47- The reading group’s objective is to work together to make keeping up a manageable task. Every week, a person or a group of people present
48- a research paper or book chapter they find interesting. If you participate, you will have studied ~15 new papers through the semester!
49- </p >
50- </div >
51- </ContentSection >
38+ <article class =" mt-11 w-[90vw] max-w-[80ch] pt-10" >
39+ <ContentSection id =" workshops" title =" READING GROUP" >
40+ <div class =" -mt-6 flex w-screen border-y-[1px] border-purple-500 py-6" >
41+ <p class =" max-w-[75%] pl-8 text-sm" >
42+ At the heart of research lies a <a
43+ class =" font-black"
44+ href =" https://arxiv.org/stats/monthly_submissions"
45+ >mountain of papers</a
46+ >. It is hard to keep up with the field individually, since
47+ breakthroughs are made and published every single day.
48+ <br /><br />
49+ The reading group’s objective is to work together to make keeping up
50+ a manageable task. Every week, a person or a group of people present
51+ a research paper or book chapter they find interesting. If you participate,
52+ you will have studied ~15 new papers through the semester!
53+ <br /><br />
54+ If you'd like to present, please check out our <a
55+ href =" https://discord.gg/KphYQFSVsu"
56+ class =" font-black" >Discord server</a
57+ >. We recommend checking out <a
58+ href =" https://huggingface.co/papers/trending"
59+ class =" font-black" >HuggingFace's trending papers</a
60+ > to find interesting papers to present.
61+ </p >
62+ </div >
63+ </ContentSection >
5264
53- <Spacer y ={ 150 } />
54- <ContentSection id =" workshopArchive" title =" ARCHIVE" >
55- <div
56- class =" flex w-screen border-y-[1px] border-purple-500 -mt-6 py-6"
57- >
58- <p class =" max-w-[75%] pl-8 text-sm" >
59- Every week, usually on Thursdays from 8pm-9pm. Location in the table.
60- </p >
61- </div >
62- {
63- RGItems .map (({ date , topic , leading , status , room , domain , extra }) => (
64- <section class = " relative flex w-screen border-b-[1px] border-purple-500 -mt-4 h-[34vh] lg:h-[30vh]" >
65- <div class = " flex flex-col justify-between items-end border-r-[1px] h-[34vh] lg:h-[30vh] w-[30vw] lg:w-[26vw] text-right border-purple-500 p-2 lg:p-4" >
66- <div class = " flex flex-col items-end" >
67- <h2 class = " text-xs lg:text-sm leading-snug" >{ date } </h2 >
68- { room && (<h2 class = " text-xs lg:text-sm leading-snug" >{ room } </h2 >)}
69- </div >
70- <span class = " bg-purple-900 ml-3 text-white rounded-md py-1 px-4 text-xs leading-snug" >
71- { status }
72- </span >
73- </div >
65+ <Spacer y ={ 150 } />
66+ <ContentSection id =" workshopArchive" title =" ARCHIVE" >
67+ <div class =" -mt-6 flex w-screen border-y-[1px] border-purple-500 py-6" >
68+ <p class =" max-w-[75%] pl-8 text-sm" >
69+ Every week, usually on Thursdays from 8pm-9pm. Location in the
70+ table.
71+ </p >
72+ </div >
73+ {
74+ RGItems .map (
75+ ({ date , topic , leading , status , room , domain , extra }) => (
76+ <section class = " relative -mt-4 flex h-[34vh] w-screen border-b-[1px] border-purple-500 lg:h-[30vh]" >
77+ <div class = " flex h-[34vh] w-[30vw] flex-col items-end justify-between border-r-[1px] border-purple-500 p-2 text-right lg:h-[30vh] lg:w-[26vw] lg:p-4" >
78+ <div class = " flex flex-col items-end" >
79+ <h2 class = " leading-snug text-xs lg:text-sm" >{ date } </h2 >
80+ { room && (
81+ <h2 class = " leading-snug text-xs lg:text-sm" >{ room } </h2 >
82+ )}
83+ </div >
84+ <span class = " ml-3 rounded-md bg-purple-900 py-1 px-4 leading-snug text-white text-xs" >
85+ { status }
86+ </span >
87+ </div >
7488
75- <div class = " flex flex-col lg:justify-center pt-2 lg:pt-0 h-full pl-2 lg:pl-4" >
76- <span class = " orbitron text-xl lg:text-2xl max-w-[63vw] leading-tight mb-1" >{ topic } </span >
77- <div class = " flex flex-wrap gap-2" >
78- { domain .map ((a ) => (
79- <span class = " whitespace-nowrap bg-gray-700 text-white rounded-md py-1 px-3 text-xs leading-snug" >
80- { a }
81- </span >
82- ))}
83- </div >
84- <h2 class = " text-sm lg:text-base mt-2" >
85- { leading }
86- { extra && (
87- <a href = { extra } class = " bg-purple-900 hover:bg-purple-100 mx-2 text-white rounded-md py-1 px-4 text-xs leading-snug" >
88- learn more!
89- </a >
90- )}
91- </h2 >
92- </div >
93- </section >
94- ))
95- }
96- </ContentSection >
89+ <div class = " flex h-full flex-col pt-2 pl-2 lg:justify-center lg:pt-0 lg:pl-4" >
90+ <span class = " orbitron mb-1 max-w-[63vw] leading-tight text-xl lg:text-2xl" >
91+ { topic }
92+ </span >
93+ <div class = " flex flex-wrap gap-2" >
94+ { domain .map ((a ) => (
95+ <span class = " whitespace-nowrap rounded-md bg-gray-700 py-1 px-3 leading-snug text-white text-xs" >
96+ { a }
97+ </span >
98+ ))}
99+ </div >
100+ <h2 class = " mt-2 text-sm lg:text-base" >
101+ { leading }
102+ { extra && (
103+ <a
104+ href = { extra }
105+ class = " mx-2 rounded-md bg-purple-900 py-1 px-4 leading-snug text-white text-xs hover:bg-purple-100"
106+ >
107+ learn more!
108+ </a >
109+ )}
110+ </h2 >
111+ </div >
112+ </section >
113+ )
114+ )
115+ }
116+ </ContentSection >
97117 </article >
98118 <Footer />
99119 </body >
0 commit comments