diff --git a/assets/activities/booths.svg b/assets/activities/booths.svg new file mode 100644 index 0000000..60445c2 --- /dev/null +++ b/assets/activities/booths.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/assets/activities/breakout.svg b/assets/activities/breakout.svg new file mode 100644 index 0000000..4751aa1 --- /dev/null +++ b/assets/activities/breakout.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/assets/activities/cake.svg b/assets/activities/cake.svg new file mode 100644 index 0000000..afb2d6d --- /dev/null +++ b/assets/activities/cake.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/assets/activities/candle_light.svg b/assets/activities/candle_light.svg new file mode 100644 index 0000000..4d2bdb7 --- /dev/null +++ b/assets/activities/candle_light.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/assets/activities/ctf.svg b/assets/activities/ctf.svg new file mode 100644 index 0000000..05cf7f2 --- /dev/null +++ b/assets/activities/ctf.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/assets/activities/exhibition.svg b/assets/activities/exhibition.svg new file mode 100644 index 0000000..4ab94ee --- /dev/null +++ b/assets/activities/exhibition.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/assets/activities/games.svg b/assets/activities/games.svg new file mode 100644 index 0000000..97ffb12 --- /dev/null +++ b/assets/activities/games.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/assets/activities/keynote.svg b/assets/activities/keynote.svg new file mode 100644 index 0000000..7b4c6e6 --- /dev/null +++ b/assets/activities/keynote.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/assets/activities/linux.svg b/assets/activities/linux.svg new file mode 100644 index 0000000..0d259c9 --- /dev/null +++ b/assets/activities/linux.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/assets/activities/open_floor.svg b/assets/activities/open_floor.svg new file mode 100644 index 0000000..db1434a --- /dev/null +++ b/assets/activities/open_floor.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/assets/activities/open_source.svg b/assets/activities/open_source.svg new file mode 100644 index 0000000..d0d306c --- /dev/null +++ b/assets/activities/open_source.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/assets/activities/qna.svg b/assets/activities/qna.svg new file mode 100644 index 0000000..1652c55 --- /dev/null +++ b/assets/activities/qna.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/assets/members/Shreeya.jpg b/assets/members/Shreeya.jpg new file mode 100644 index 0000000..e43442f Binary files /dev/null and b/assets/members/Shreeya.jpg differ diff --git a/assets/sponsors/esewa.svg b/assets/sponsors/esewa.svg new file mode 100644 index 0000000..5c7f4ca --- /dev/null +++ b/assets/sponsors/esewa.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/assets/sponsors/github.svg b/assets/sponsors/github.svg new file mode 100644 index 0000000..f75f0fe --- /dev/null +++ b/assets/sponsors/github.svg @@ -0,0 +1,33 @@ + + + + + + + + + diff --git a/assets/sponsors/ncit.png b/assets/sponsors/ncit.png new file mode 100644 index 0000000..969ae15 Binary files /dev/null and b/assets/sponsors/ncit.png differ diff --git a/assets/sponsors/rengine.png b/assets/sponsors/rengine.png new file mode 100644 index 0000000..6da6651 Binary files /dev/null and b/assets/sponsors/rengine.png differ diff --git a/css/output.css b/css/output.css index e51943f..bbda4d0 100644 --- a/css/output.css +++ b/css/output.css @@ -1,5 +1,5 @@ /* -! tailwindcss v3.4.10 | MIT License | https://tailwindcss.com +! tailwindcss v3.4.11 | MIT License | https://tailwindcss.com */ /* @@ -655,8 +655,8 @@ video { right: -100%; } -.-top-3 { - top: -0.75rem; +.-top-2 { + top: -0.5rem; } .-top-5 { @@ -675,8 +675,8 @@ video { left: 0.5rem; } -.left-5 { - left: 1.25rem; +.left-3 { + left: 0.75rem; } .right-0 { @@ -811,6 +811,10 @@ video { display: none; } +.h-10 { + height: 2.5rem; +} + .h-11 { height: 2.75rem; } @@ -823,8 +827,16 @@ video { height: 3.5rem; } -.h-24 { - height: 6rem; +.h-2 { + height: 0.5rem; +} + +.h-20 { + height: 5rem; +} + +.h-3 { + height: 0.75rem; } .h-3\/5 { @@ -907,6 +919,11 @@ video { height: auto; } +.h-fit { + height: -moz-fit-content; + height: fit-content; +} + .h-full { height: 100%; } @@ -915,10 +932,31 @@ video { height: 100vh; } +.max-h-full { + max-height: 100%; +} + .max-h-screen { max-height: 100vh; } +.min-h-36 { + min-height: 9rem; +} + +.min-h-dvh { + min-height: 100dvh; +} + +.min-h-fit { + min-height: -moz-fit-content; + min-height: fit-content; +} + +.min-h-48 { + min-height: 12rem; +} + .w-1 { width: 0.25rem; } @@ -935,18 +973,26 @@ video { width: 0.5rem; } -.w-24 { - width: 6rem; +.w-20 { + width: 5rem; +} + +.w-28 { + width: 7rem; } -.w-3 { - width: 0.75rem; +.w-36 { + width: 9rem; } .w-4 { width: 1rem; } +.w-4\/5 { + width: 80%; +} + .w-40 { width: 10rem; } @@ -1019,6 +1065,10 @@ video { max-width: 100%; } +.flex-1 { + flex: 1 1 0%; +} + .-rotate-180 { --tw-rotate: -180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); @@ -1036,8 +1086,8 @@ video { grid-template-columns: repeat(1, minmax(0, 1fr)); } -.grid-rows-3 { - grid-template-rows: repeat(3, minmax(0, 1fr)); +.grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); } .flex-row { @@ -1060,6 +1110,10 @@ video { flex-wrap: wrap; } +.place-items-center { + place-items: center; +} + .content-center { align-content: center; } @@ -1100,6 +1154,10 @@ video { gap: 0.5rem; } +.gap-3 { + gap: 0.75rem; +} + .gap-4 { gap: 1rem; } @@ -1108,10 +1166,6 @@ video { gap: 1.25rem; } -.gap-56 { - gap: 14rem; -} - .gap-6 { gap: 1.5rem; } @@ -1120,6 +1174,10 @@ video { gap: 2rem; } +.gap-y-4 { + row-gap: 1rem; +} + .space-y-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); @@ -1145,6 +1203,10 @@ video { white-space: nowrap; } +.rounded-2xl { + border-radius: 1rem; +} + .rounded-3xl { border-radius: 1.5rem; } @@ -1169,10 +1231,6 @@ video { border-radius: 0.375rem; } -.rounded-xl { - border-radius: 0.75rem; -} - .border { border-width: 1px; } @@ -1185,6 +1243,10 @@ video { border-width: 8px; } +.border-b-4 { + border-bottom-width: 4px; +} + .border-r { border-right-width: 1px; } @@ -1222,11 +1284,6 @@ video { border-color: rgb(0 0 0 / var(--tw-border-opacity)); } -.border-slate-600 { - --tw-border-opacity: 1; - border-color: rgb(71 85 105 / var(--tw-border-opacity)); -} - .border-white { --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity)); @@ -1290,10 +1347,6 @@ video { background-image: url('../assets/celebrationbg/celeb_banner.svg'); } -.bg-hero-pattern { - background-image: url('../assets/timer/timer_bg.svg'); -} - .bg-project-bg { background-image: url('../assets/projectReg/project_bg.svg'); } @@ -1316,6 +1369,11 @@ video { object-fit: cover; } +.object-left { + -o-object-position: left; + object-position: left; +} + .p-10 { padding: 2.5rem; } @@ -1332,6 +1390,10 @@ video { padding: 1rem; } +.p-5 { + padding: 1.25rem; +} + .p-6 { padding: 1.5rem; } @@ -1355,6 +1417,11 @@ video { padding-right: 2rem; } +.px-\[8\%\] { + padding-left: 8%; + padding-right: 8%; +} + .py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; @@ -1375,6 +1442,11 @@ video { padding-bottom: 1rem; } +.py-5 { + padding-top: 1.25rem; + padding-bottom: 1.25rem; +} + .py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; @@ -1389,6 +1461,10 @@ video { padding-right: 4px; } +.pt-5 { + padding-top: 1.25rem; +} + .pt-6 { padding-top: 1.5rem; } @@ -1420,11 +1496,6 @@ video { line-height: 2.5rem; } -.text-6xl { - font-size: 3.75rem; - line-height: 1; -} - .text-\[16px\] { font-size: 16px; } @@ -1649,6 +1720,51 @@ video { src: url(../fonts/Bahnschrift.ttf); } +.\*\:relative > * { + position: relative; +} + +.\*\:mr-2 > * { + margin-right: 0.5rem; +} + +.\*\:grid > * { + display: grid; +} + +.\*\:h-16 > * { + height: 4rem; +} + +.\*\:w-16 > * { + width: 4rem; +} + +.\*\:grid-rows-3 > * { + grid-template-rows: repeat(3, minmax(0, 1fr)); +} + +.\*\:rounded-xl > * { + border-radius: 0.75rem; +} + +.\*\:border-2 > * { + border-width: 2px; +} + +.\*\:border-slate-600 > * { + --tw-border-opacity: 1; + border-color: rgb(71 85 105 / var(--tw-border-opacity)); +} + +.\*\:p-2 > * { + padding: 0.5rem; +} + +.\*\:font-bahnschrift > * { + font-family: Bahnschrift, sans-serif; +} + .\*\:text-black > * { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); @@ -1706,10 +1822,22 @@ video { } @media (min-width: 640px) { + .sm\:hidden { + display: none; + } + .sm\:h-\[60px\] { height: 60px; } + .sm\:w-40 { + width: 10rem; + } + + .sm\:w-48 { + width: 12rem; + } + .sm\:w-\[168px\] { width: 168px; } @@ -1722,6 +1850,14 @@ video { grid-template-columns: repeat(2, minmax(0, 1fr)); } + .sm\:justify-center { + justify-content: center; + } + + .sm\:gap-10 { + gap: 2.5rem; + } + .sm\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; @@ -1732,6 +1868,11 @@ video { line-height: 2.25rem; } + .sm\:text-4xl { + font-size: 2.25rem; + line-height: 2.5rem; + } + .sm\:text-5xl { font-size: 3rem; line-height: 1; @@ -1758,6 +1899,11 @@ video { line-height: 1.5rem; } + .sm\:text-sm { + font-size: 0.875rem; + line-height: 1.25rem; + } + .sm\:text-xl { font-size: 1.25rem; line-height: 1.75rem; @@ -1769,6 +1915,14 @@ video { } @media (min-width: 768px) { + .md\:-top-3 { + top: -0.75rem; + } + + .md\:left-5 { + left: 1.25rem; + } + .md\:top-\[4\.75rem\] { top: 4.75rem; } @@ -1805,6 +1959,10 @@ video { height: 3.5rem; } + .md\:h-5 { + height: 1.25rem; + } + .md\:h-72 { height: 18rem; } @@ -1829,6 +1987,10 @@ video { width: 50%; } + .md\:w-3 { + width: 0.75rem; + } + .md\:w-32 { width: 8rem; } @@ -1849,10 +2011,26 @@ video { width: auto; } + .md\:grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); + } + .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } + .md\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); + } + + .md\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); + } + + .md\:gap-16 { + gap: 4rem; + } + .md\:gap-2 { gap: 0.5rem; } @@ -1913,6 +2091,22 @@ video { .md\:leading-8 { line-height: 2rem; } + + .md\:\*\:mr-4 > * { + margin-right: 1rem; + } + + .md\:\*\:h-24 > * { + height: 6rem; + } + + .md\:\*\:w-24 > * { + width: 6rem; + } + + .md\:\*\:border-4 > * { + border-width: 4px; + } } @media (min-width: 1024px) { @@ -1973,6 +2167,11 @@ video { height: 66px; } + .lg\:h-fit { + height: -moz-fit-content; + height: fit-content; + } + .lg\:min-h-96 { min-height: 24rem; } @@ -2013,6 +2212,10 @@ video { width: auto; } + .lg\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } @@ -2037,6 +2240,14 @@ video { justify-content: center; } + .lg\:gap-10 { + gap: 2.5rem; + } + + .lg\:gap-40 { + gap: 10rem; + } + .lg\:gap-6 { gap: 1.5rem; } @@ -2062,6 +2273,11 @@ video { background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } + .lg\:object-cover { + -o-object-fit: cover; + object-fit: cover; + } + .lg\:p-0 { padding: 0px; } @@ -2084,19 +2300,6 @@ video { padding-right: 7.5%; } - .lg\:py-2 { - padding-top: 0.5rem; - padding-bottom: 0.5rem; - } - - .lg\:pl-3 { - padding-left: 0.75rem; - } - - .lg\:pr-4 { - padding-right: 1rem; - } - .lg\:text-left { text-align: left; } @@ -2105,6 +2308,16 @@ video { text-align: start; } + .lg\:text-2xl { + font-size: 1.5rem; + line-height: 2rem; + } + + .lg\:text-6xl { + font-size: 3.75rem; + line-height: 1; + } + .lg\:text-7xl { font-size: 4.5rem; line-height: 1; @@ -2226,6 +2439,10 @@ video { height: 5rem; } + .xl\:w-\[345px\] { + width: 345px; + } + .xl\:w-\[40vw\] { width: 40vw; } @@ -2238,6 +2455,10 @@ video { gap: 2.5rem; } + .xl\:gap-56 { + gap: 14rem; + } + .xl\:gap-8 { gap: 2rem; } @@ -2289,6 +2510,10 @@ video { } @media (min-width: 1536px) { + .\32xl\:w-\[400px\] { + width: 400px; + } + .\32xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } diff --git a/data/activities.json b/data/activities.json new file mode 100644 index 0000000..43ec954 --- /dev/null +++ b/data/activities.json @@ -0,0 +1,87 @@ +{ + "clickable" : [ + { + "title": "Keynote Speakers", + "description": "Participants will gain insights from renowned keynote speakers, sharing their expertise and experiences in the open-source world. These talks will inspire and ignite discussions on the future of technology.", + "image": "/assets/activities/keynote.svg", + "button" : { + "title": "SEE OUR SPEAKERS", + "link": "" + } + }, + { + "title": "Capture The Flag", + "description": "Capture The Flag (CTF) is a thrilling cybersecurity competition where participants engage in solving complex security challenges to capture digital 'flags'. These challenges simulate real-world cyber threats and vulnerabilities, testing participants' skills.", + "image": "/assets/activities/ctf.svg", + "button" : { + "title": "REGISTER NOW", + "link": "https://forms.gle/Yvt6B7EGniR47ukB9" + } + }, + { + "title": "NOSKODE 5.0", + "description": "Noskode 4.0 is the problem-solving coding competition, where participants will tackle real-world challenges through innovative coding solutions. It's a platform for coders to showcase their skills and creativity in an exciting, competitive environment.", + "image": "/assets/shared/nosk_logo.svg", + "button" : { + "title": "REGISTER NOW", + "link": "https://forms.gle/ahaZGnoJhXT5jU3q8" + } + }, + { + "title": "Open Source Project Exhibition", + "description": "The Open Source Project Exhibition will showcase innovative projects from developers and enthusiasts in the open-source community. Participants will get the chance to present their work, exchange ideas, and inspire others with their contributions to open-source technology.", + "image": "/assets/activities/exhibition.svg", + "button" : { + "title": "REGISTER NOW", + "link": "https://forms.gle/ZmT2eDPqyLoLj5Sd6" + } + } + ], + "unclickable": [ + { + "title": "Introduction to Open Source", + "description": "SFD will introduce participants to the world of Open Source, where software is shared freely for modification and collaboration. Attendees will explore how this community-driven model fuels innovation and transparency in tech.", + "image": "/assets/activities/open_source.svg" + }, + { + "title": "Linux Distro Demos", + "description": "Participants will experience live demos of popular Linux distributions, showcasing their versatility and performance. These hands-on sessions will help attendees explore different distros and discover the best fit for their needs.", + "image": "/assets/activities/linux.svg" + }, + { + "title": "Games and Enjoyment", + "description": "SFD will offer fun-filled gaming sessions, blending entertainment with tech learning. Participants can unwind and enjoy interactive games while engaging with the open-source community.", + "image": "/assets/activities/games.svg" + }, + { + "title": "Candle Light Celebration", + "description": "SFD will conclude with a symbolic candlelight celebration, marking the unity and shared vision of the open-source community. This moment of reflection celebrates the collaborative spirit of open-source development.", + "image": "/assets/activities/candle_light.svg" + }, + { + "title": "Interactive Q&A Sessions", + "description": "Participants will have the opportunity to engage in interactive Q&A sessions with industry experts. These sessions encourage open dialogue and provide clarity on various aspects of open-source technologies.", + "image": "/assets/activities/qna.svg" + }, + { + "title": "Open Floor Discussions", + "description": "SFD will feature open floor discussions, allowing participants to share their thoughts, ideas, and questions. This collaborative space fosters diverse perspectives and drives deeper conversations within the community.", + "image": "/assets/activities/open_floor.svg" + }, + { + "title": "Exciting Stalls and Booths", + "description": "Exciting Stalls and Booths provide a vibrant platform for attendees to explore a wide range of interactive exhibits and demonstrations. It's an ideal space for networking, learning and ideas in tech, open source, and beyond.", + "image": "/assets/activities/booths.svg" + }, + { + "title": "Cake Cutting", + "description": "The cake cutting ceremony will bring everyone together to celebrate the success and milestones of Software Freedom Day. It's a joyous occasion to honor the community's achievements and future goals.", + "image": "/assets/activities/cake.svg" + }, + { + "title": "Breakout/Discussion Rooms", + "description": "Participants can join breakout rooms for focused discussions on specific open-source topics. These smaller, interactive sessions provide an opportunity for deeper engagement and collaborative problem-solving.", + "image": "/assets/activities/breakout.svg" + } + ] +} \ No newline at end of file diff --git a/data/members.json b/data/members.json index 8633e76..baa834d 100644 --- a/data/members.json +++ b/data/members.json @@ -23,6 +23,18 @@ "website": "#" } }, + { + "name": "Shreeya Tamang", + "designation": "Facilitator", + "image": "../assets/members/Shreeya.jpg", + "socialLinks": { + "facebook": "#", + "instagram": "#", + "linkedin": "https://www.linkedin.com/in/shreeya-tamang/", + "github": "https://github.com/shreeyatamang", + "website": "#" + } + }, { "name": "Sujal Bikram Thapa", diff --git a/data/sponsors.json b/data/sponsors.json new file mode 100644 index 0000000..6d2326a --- /dev/null +++ b/data/sponsors.json @@ -0,0 +1,22 @@ +[ + { + "name": "NCIT", + "image": "/assets/sponsors/ncit.png", + "link": "https://ncit.edu.np/" + }, + { + "name": "rEngine", + "image": "/assets/sponsors/rengine.png", + "link": "https://rengine.wiki/" + }, + { + "name": "eSewa", + "image": "/assets/sponsors/esewa.svg", + "link": "https://esewa.com.np/" + }, + { + "name": "GitHub Education", + "image": "/assets/sponsors/github.svg", + "link": "https://github.com/" + } +] \ No newline at end of file diff --git a/index.html b/index.html index e1fc281..c97b19e 100644 --- a/index.html +++ b/index.html @@ -4,6 +4,7 @@ + NOSK SFD 2024