diff --git a/css/input.css b/css/input.css index 484c893..9fd5e13 100644 --- a/css/input.css +++ b/css/input.css @@ -2,7 +2,6 @@ @tailwind components; @tailwind utilities; - @layer components { .bg-grid { background-color: #f6f6ff; @@ -11,7 +10,6 @@ rgba(0, 0, 0, 0.1) 1px, transparent 1px ), - linear-gradient(180deg, rgba(0, 0, 0, 0.1) 1px, transparent 1px); background-size: 50px 50px; @@ -23,16 +21,15 @@ grid-template-rows: repeat(1, (0, 55%)); } - /* For FAQ page */ - .faq-item{ - @apply border bg-white border-gray-300 shadow-md rounded-md pt-4 px-4 my-5; + .faq-item { + @apply my-5 rounded-md border border-gray-300 bg-white px-4 pt-4 shadow-md; } - .faq-question{ - @apply w-full text-left flex justify-between gap-4 items-center; + .faq-question { + @apply flex w-full items-center justify-between gap-4 text-left; } - .faq-answer{ - @apply my-2 text-gray-500 overflow-hidden transition-all duration-500 max-h-0; + .faq-answer { + @apply my-2 max-h-0 overflow-hidden text-gray-500 transition-all duration-500; } } diff --git a/css/output.css b/css/output.css index c4b26bd..e51943f 100644 --- a/css/output.css +++ b/css/output.css @@ -595,7 +595,6 @@ video { rgba(0, 0, 0, 0.1) 1px, transparent 1px ), - linear-gradient(180deg, rgba(0, 0, 0, 0.1) 1px, transparent 1px); background-size: 50px 50px; } @@ -824,10 +823,6 @@ video { height: 3.5rem; } -.h-2\/3 { - height: 66.666667%; -} - .h-24 { height: 6rem; } @@ -872,6 +867,14 @@ video { height: 11.25rem; } +.h-\[13rem\] { + height: 13rem; +} + +.h-\[17rem\] { + height: 17rem; +} + .h-\[26rem\] { height: 26rem; } @@ -880,30 +883,18 @@ video { height: 35px; } -.h-\[37rem\] { - height: 37rem; -} - -.h-\[38rem\] { - height: 38rem; +.h-\[37px\] { + height: 37px; } .h-\[40px\] { height: 40px; } -.h-\[40rem\] { - height: 40rem; -} - .h-\[460px\] { height: 460px; } -.h-\[60px\] { - height: 60px; -} - .h-\[7rem\] { height: 7rem; } @@ -932,8 +923,8 @@ video { width: 0.25rem; } -.w-1\/3 { - width: 33.333333%; +.w-1\/5 { + width: 20%; } .w-12 { @@ -952,10 +943,6 @@ video { width: 0.75rem; } -.w-3\/4 { - width: 75%; -} - .w-4 { width: 1rem; } @@ -964,10 +951,6 @@ video { width: 10rem; } -.w-44 { - width: 11rem; -} - .w-6 { width: 1.5rem; } @@ -984,12 +967,16 @@ video { width: 20rem; } -.w-\[100\%\] { - width: 100%; +.w-\[11\.5rem\] { + width: 11.5rem; } -.w-\[32rem\] { - width: 32rem; +.w-\[145px\] { + width: 145px; +} + +.w-\[20rem\] { + width: 20rem; } .w-\[35px\] { @@ -1000,22 +987,10 @@ video { width: 40px; } -.w-\[48\%\] { - width: 48%; -} - -.w-\[52\%\] { - width: 52%; -} - .w-\[60vw\] { width: 60vw; } -.w-\[66rem\] { - width: 66rem; -} - .w-auto { width: auto; } @@ -1024,22 +999,18 @@ video { width: 100%; } -.min-w-6 { - min-width: 1.5rem; -} - .max-w-3xl { max-width: 48rem; } -.max-w-5xl { - max-width: 64rem; -} - .max-w-6xl { max-width: 72rem; } +.max-w-7xl { + max-width: 80rem; +} + .max-w-\[100vw\] { max-width: 100vw; } @@ -1048,10 +1019,6 @@ video { max-width: 100%; } -.max-w-7xl { - max-width: 80rem; -} - .-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)); @@ -1121,12 +1088,12 @@ video { justify-content: space-between; } -.justify-items-center { - justify-items: center; +.justify-around { + justify-content: space-around; } -.gap-16 { - gap: 4rem; +.justify-items-center { + justify-items: center; } .gap-2 { @@ -1218,8 +1185,8 @@ video { border-width: 8px; } -.border-r-2 { - border-right-width: 2px; +.border-r { + border-right-width: 1px; } .border-r-4 { @@ -1290,11 +1257,6 @@ video { background-color: rgb(218 165 32 / var(--tw-bg-opacity)); } -.bg-\[\#FFCD29\] { - --tw-bg-opacity: 1; - background-color: rgb(255 205 41 / var(--tw-bg-opacity)); -} - .bg-\[\#FFDD50\] { --tw-bg-opacity: 1; background-color: rgb(255 221 80 / var(--tw-bg-opacity)); @@ -1315,6 +1277,11 @@ video { background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } +.bg-yellow-400 { + --tw-bg-opacity: 1; + background-color: rgb(250 204 21 / var(--tw-bg-opacity)); +} + .bg-opacity-60 { --tw-bg-opacity: 0.6; } @@ -1349,6 +1316,10 @@ video { object-fit: cover; } +.p-10 { + padding: 2.5rem; +} + .p-2 { padding: 0.5rem; } @@ -1369,8 +1340,9 @@ video { padding: 2rem; } -.p-\[20px\] { - padding: 20px; +.px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem; } .px-4 { @@ -1403,15 +1375,28 @@ video { padding-bottom: 1rem; } +.py-6 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; +} + .py-8 { padding-top: 2rem; padding-bottom: 2rem; } +.pr-\[4px\] { + padding-right: 4px; +} + .pt-6 { padding-top: 1.5rem; } +.text-left { + text-align: left; +} + .text-center { text-align: center; } @@ -1440,29 +1425,53 @@ video { line-height: 1; } -.text-8xl { - font-size: 6rem; - line-height: 1; -} - .text-\[16px\] { font-size: 16px; } -.text-\[64px\] { - font-size: 64px; +.text-\[17px\] { + font-size: 17px; +} + +.text-\[18px\] { + font-size: 18px; +} + +.text-\[23px\] { + font-size: 23px; +} + +.text-\[26px\] { + font-size: 26px; +} + +.text-\[8px\] { + font-size: 8px; } -.text-sml { - font-size: 30px; +.text-base { + font-size: 1rem; + line-height: 1.5rem; } -.text-sml2 { - font-size: 25px; +.text-lg { + font-size: 1.125rem; + line-height: 1.75rem; } -.text-\[60px\] { - font-size: 60px; +.text-sm { + font-size: 0.875rem; + line-height: 1.25rem; +} + +.text-xl { + font-size: 1.25rem; + line-height: 1.75rem; +} + +.text-xs { + font-size: 0.75rem; + line-height: 1rem; } .font-bold { @@ -1493,6 +1502,10 @@ video { line-height: 1rem; } +.leading-\[0\.5rem\] { + line-height: 0.5rem; +} + .text-\[\#009042\] { --tw-text-opacity: 1; color: rgb(0 144 66 / var(--tw-text-opacity)); @@ -1583,10 +1596,6 @@ video { color: rgb(255 255 255 / var(--tw-text-opacity)); } -.text-\[\] { - color: ; -} - .underline { text-decoration-line: underline; } @@ -1697,6 +1706,14 @@ video { } @media (min-width: 640px) { + .sm\:h-\[60px\] { + height: 60px; + } + + .sm\:w-\[168px\] { + width: 168px; + } + .sm\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } @@ -1705,16 +1722,49 @@ video { grid-template-columns: repeat(2, minmax(0, 1fr)); } - .sm\:justify-start { - justify-content: flex-start; + .sm\:px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; } - .sm\:text-mid1 { - font-size: 52px; + .sm\:text-3xl { + font-size: 1.875rem; + line-height: 2.25rem; } - .sm\:text-mid2 { - font-size: 35px; + .sm\:text-5xl { + font-size: 3rem; + line-height: 1; + } + + .sm\:text-\[10px\] { + font-size: 10px; + } + + .sm\:text-\[25px\] { + font-size: 25px; + } + + .sm\:text-\[33px\] { + font-size: 33px; + } + + .sm\:text-\[39px\] { + font-size: 39px; + } + + .sm\:text-base { + font-size: 1rem; + line-height: 1.5rem; + } + + .sm\:text-xl { + font-size: 1.25rem; + line-height: 1.75rem; + } + + .sm\:leading-4 { + line-height: 1rem; } } @@ -1747,10 +1797,6 @@ video { margin-right: auto; } - .md\:flex { - display: flex; - } - .md\:contents { display: contents; } @@ -1783,6 +1829,10 @@ video { width: 50%; } + .md\:w-32 { + width: 8rem; + } + .md\:w-\[13\.75rem\] { width: 13.75rem; } @@ -1795,22 +1845,6 @@ video { width: 48px; } - .md\:w-\[52\%\] { - width: 52%; - } - - .md\:w-\[42px\] { - width: 42px; - } - - .md\:w-auto { - width: auto; - } - - .md\:w-\[220px\] { - width: 220px; - } - .md\:w-auto { width: auto; } @@ -1831,8 +1865,8 @@ video { gap: 2rem; } - .md\:p-0 { - padding: 0px; + .md\:p-\[10px\] { + padding: 10px; } .md\:px-0 { @@ -1840,19 +1874,32 @@ video { padding-right: 0px; } - .md\:text-big { - font-size: 64px; + .md\:text-4xl { + font-size: 2.25rem; + line-height: 2.5rem; } - .md\:text-big2 { - font-size: 44px; - } - .md\:text-5xl { font-size: 3rem; line-height: 1; } + .md\:text-\[11\.5px\] { + font-size: 11.5px; + } + + .md\:text-\[30px\] { + font-size: 30px; + } + + .md\:text-\[39px\] { + font-size: 39px; + } + + .md\:text-\[45px\] { + font-size: 45px; + } + .md\:text-base { font-size: 1rem; line-height: 1.5rem; @@ -1862,6 +1909,10 @@ video { font-size: 1.25rem; line-height: 1.75rem; } + + .md\:leading-8 { + line-height: 2rem; + } } @media (min-width: 1024px) { @@ -1902,6 +1953,14 @@ video { height: 4rem; } + .lg\:h-\[25rem\] { + height: 25rem; + } + + .lg\:h-\[37rem\] { + height: 37rem; + } + .lg\:h-\[4\.75rem\] { height: 4.75rem; } @@ -1918,14 +1977,34 @@ video { min-height: 24rem; } + .lg\:w-4\/5 { + width: 80%; + } + .lg\:w-44 { width: 11rem; } + .lg\:w-\[220px\] { + width: 220px; + } + + .lg\:w-\[32rem\] { + width: 32rem; + } + + .lg\:w-\[48\%\] { + width: 48%; + } + .lg\:w-\[50px\] { width: 50px; } + .lg\:w-\[52\%\] { + width: 52%; + } + .lg\:w-\[66px\] { width: 66px; } @@ -1942,6 +2021,10 @@ video { flex-direction: row; } + .lg\:items-start { + align-items: flex-start; + } + .lg\:items-center { align-items: center; } @@ -1950,6 +2033,10 @@ video { justify-content: flex-start; } + .lg\:justify-center { + justify-content: center; + } + .lg\:gap-6 { gap: 1.5rem; } @@ -1979,6 +2066,14 @@ video { padding: 0px; } + .lg\:p-20 { + padding: 5rem; + } + + .lg\:p-4 { + padding: 1rem; + } + .lg\:px-4 { padding-left: 1rem; padding-right: 1rem; @@ -2002,14 +2097,74 @@ video { padding-right: 1rem; } + .lg\:text-left { + text-align: left; + } + .lg\:text-start { text-align: start; } + .lg\:text-7xl { + font-size: 4.5rem; + line-height: 1; + } + + .lg\:text-\[14px\] { + font-size: 14px; + } + + .lg\:text-\[22px\] { + font-size: 22px; + } + + .lg\:text-\[25px\] { + font-size: 25px; + } + + .lg\:text-\[3\.8rem\] { + font-size: 3.8rem; + } + + .lg\:text-\[33px\] { + font-size: 33px; + } + + .lg\:text-\[40px\] { + font-size: 40px; + } + + .lg\:text-\[45px\] { + font-size: 45px; + } + + .lg\:text-\[56px\] { + font-size: 56px; + } + + .lg\:text-base { + font-size: 1rem; + line-height: 1.5rem; + } + + .lg\:text-sm { + font-size: 0.875rem; + line-height: 1.25rem; + } + + .lg\:text-xl { + font-size: 1.25rem; + line-height: 1.75rem; + } + .lg\:font-semibold { font-weight: 600; } + .lg\:leading-9 { + line-height: 2.25rem; + } + .lg\:shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); @@ -2075,14 +2230,62 @@ video { width: 40vw; } + .xl\:justify-start { + justify-content: flex-start; + } + .xl\:gap-10 { gap: 2.5rem; } + .xl\:gap-8 { + gap: 2rem; + } + .xl\:px-\[10\%\] { padding-left: 10%; padding-right: 10%; } + + .xl\:text-4xl { + font-size: 2.25rem; + line-height: 2.5rem; + } + + .xl\:text-5xl { + font-size: 3rem; + line-height: 1; + } + + .xl\:text-7xl { + font-size: 4.5rem; + line-height: 1; + } + + .xl\:text-\[18px\] { + font-size: 18px; + } + + .xl\:text-\[21px\] { + font-size: 21px; + } + + .xl\:text-\[44px\] { + font-size: 44px; + } + + .xl\:text-\[45px\] { + font-size: 45px; + } + + .xl\:text-\[64px\] { + font-size: 64px; + } + + .xl\:text-xl { + font-size: 1.25rem; + line-height: 1.75rem; + } } @media (min-width: 1536px) { diff --git a/data/schedule.json b/data/schedule.json index 3359c0a..103037e 100644 --- a/data/schedule.json +++ b/data/schedule.json @@ -1,134 +1,134 @@ [ - { - "time": "09:00 - 09:30", - "title": "Opening Remarks", - "speaker": { - "name": "Er. Niranjan Khakurel", - "title": "Principal, NCIT & NOSK Well-Wisher", - "image": "https://via.placeholder.com/50" - }, - "date": "Opening", - "link": "https://example.com/introduction-hello" + { + "time": "09:00 - 09:30", + "title": "Opening Remarks", + "speaker": { + "name": "Er. Niranjan Khakurel", + "title": "Principal, NCIT & NOSK Well-Wisher", + "image": "https://via.placeholder.com/50" }, - { - "time": "09:30 - 10:30", - "title": "Keynote Speaker", - "speaker": { - "name": "Mr. Hempal Shrestha", - "title": "Founding Member, FOSS NEPAL", - "image": "https://via.placeholder.com/50" - }, - "date": "Keynote", - "link": "https://example.com/keynote-speaker" + "date": "Opening", + "link": "https://example.com/introduction-hello" + }, + { + "time": "09:30 - 10:30", + "title": "Keynote Speaker", + "speaker": { + "name": "Mr. Hempal Shrestha", + "title": "Founding Member, FOSS NEPAL", + "image": "https://via.placeholder.com/50" }, - { - "time": "10:30 - 11:30", - "title": "Capture the Flag (CTF) Competition", - "speaker": { - "name": "Bikram Kharal, Rajan Kshedal", - "title": "Cybersecurity Enthusiasts", - "image": "https://via.placeholder.com/50" - }, - "date": "Competition", - "link": "https://example.com/capture-the-flag" + "date": "Keynote", + "link": "https://example.com/keynote-speaker" + }, + { + "time": "10:30 - 11:30", + "title": "Capture the Flag (CTF) Competition", + "speaker": { + "name": "Bikram Kharal, Rajan Kshedal", + "title": "Cybersecurity Enthusiasts", + "image": "https://via.placeholder.com/50" }, - { - "time": "11:30 - 12:30", - "title": "Linux Distro & Open Source Projects Demo", - "speaker": { - "name": "NOSK & Open Source Contributors", - "title": "Linux & Open Source Specialists", - "image": "https://via.placeholder.com/50" - }, - "date": "Demo", - "link": "https://example.com/distro-demo" + "date": "Competition", + "link": "https://example.com/capture-the-flag" + }, + { + "time": "11:30 - 12:30", + "title": "Linux Distro & Open Source Projects Demo", + "speaker": { + "name": "NOSK & Open Source Contributors", + "title": "Linux & Open Source Specialists", + "image": "https://via.placeholder.com/50" }, - { - "time": "12:30 - 13:00", - "title": "Lunch Break", - "speaker": { - "name": "Break Time", - "title": "", - "image": "" - }, - "date": "Break", - "link": "N/A" + "date": "Demo", + "link": "https://example.com/distro-demo" + }, + { + "time": "12:30 - 13:00", + "title": "Lunch Break", + "speaker": { + "name": "Break Time", + "title": "", + "image": "" }, - { - "time": "13:00 - 14:30", - "title": "Open Source Project Exhibition", - "speaker": { - "name": "Various Exhibitors", - "title": "Open Source Contributors", - "image": "https://via.placeholder.com/50" - }, - "date": "Exhibition", - "link": "https://example.com/open-source-exhibition" + "date": "Break", + "link": "N/A" + }, + { + "time": "13:00 - 14:30", + "title": "Open Source Project Exhibition", + "speaker": { + "name": "Various Exhibitors", + "title": "Open Source Contributors", + "image": "https://via.placeholder.com/50" }, - { - "time": "14:30 - 15:30", - "title": "NOSKODE 5.0", - "speaker": { - "name": "Bishal Poudel, Abhilekh Gautam", - "title": "NOSKODE Host, NOSK Contributors", - "image": "https://via.placeholder.com/50" - }, - "date": "Competition", - "link": "https://example.com/noskode" + "date": "Exhibition", + "link": "https://example.com/open-source-exhibition" + }, + { + "time": "14:30 - 15:30", + "title": "NOSKODE 5.0", + "speaker": { + "name": "Bishal Poudel, Abhilekh Gautam", + "title": "NOSKODE Host, NOSK Contributors", + "image": "https://via.placeholder.com/50" }, - { - "time": "15:30 - 16:15", - "title": "Breakout / Discussion Rooms", - "speaker": { - "name": "Various Moderators", - "title": "Discussion Leaders", - "image": "https://via.placeholder.com/50" - }, - "date": "Talks", - "link": "https://example.com/breakout-discussion" + "date": "Competition", + "link": "https://example.com/noskode" + }, + { + "time": "15:30 - 16:15", + "title": "Breakout / Discussion Rooms", + "speaker": { + "name": "Various Moderators", + "title": "Discussion Leaders", + "image": "https://via.placeholder.com/50" }, - { - "time": "16:15 - 17:00", - "title": "Photo and Memory Shoot", - "speaker": { - "name": "Event Team", - "title": "Event Coordinators", - "image": "https://via.placeholder.com/50" - }, - "date": "PhotoShoot", - "link": "N/A" + "date": "Talks", + "link": "https://example.com/breakout-discussion" + }, + { + "time": "16:15 - 17:00", + "title": "Photo and Memory Shoot", + "speaker": { + "name": "Event Team", + "title": "Event Coordinators", + "image": "https://via.placeholder.com/50" }, - { - "time": "17:00 - 17:45", - "title": "Opensource and ChitChats / Open Floor Discussion", - "speaker": { - "name": "Community Leaders", - "title": "Open Floor Moderators", - "image": "https://via.placeholder.com/50" - }, - "date": "Open-Floor", - "link": "https://example.com/opensource-chitchats" + "date": "PhotoShoot", + "link": "N/A" + }, + { + "time": "17:00 - 17:45", + "title": "Opensource and ChitChats / Open Floor Discussion", + "speaker": { + "name": "Community Leaders", + "title": "Open Floor Moderators", + "image": "https://via.placeholder.com/50" }, - { - "time": "17:45 - 18:15", - "title": "Alumni Meetup and Cake Cutting", - "speaker": { - "name": "NOSK Alumns", - "title": "Open Source Enthusiasts", - "image": "https://via.placeholder.com/50" - }, - "date": "Celebration", - "link": "https://example.com/alumni-meetup-cake-cutting" + "date": "Open-Floor", + "link": "https://example.com/opensource-chitchats" + }, + { + "time": "17:45 - 18:15", + "title": "Alumni Meetup and Cake Cutting", + "speaker": { + "name": "NOSK Alumns", + "title": "Open Source Enthusiasts", + "image": "https://via.placeholder.com/50" }, - { - "time": "18:15 - 18:45", - "title": "Candle Light Celebration & Good Night!", - "speaker": { - "name": "Event Team & Alumns", - "title": "Event Facilitators and NOSK Alumns", - "image": "https://via.placeholder.com/50" - }, - "date": "Celebration", - "link": "https://example.com/candle-light-celebration" - } + "date": "Celebration", + "link": "https://example.com/alumni-meetup-cake-cutting" + }, + { + "time": "18:15 - 18:45", + "title": "Candle Light Celebration & Good Night!", + "speaker": { + "name": "Event Team & Alumns", + "title": "Event Facilitators and NOSK Alumns", + "image": "https://via.placeholder.com/50" + }, + "date": "Celebration", + "link": "https://example.com/candle-light-celebration" + } ] diff --git a/gallery.json b/gallery.json index 5ac1a7a..6963648 100644 --- a/gallery.json +++ b/gallery.json @@ -1,22 +1,22 @@ [ - { - "image": "image1.png", - "date": "9 Sep", - "description": "Pre Event Meetup" - }, - { - "image": "image2.png", - "date": "10 Sep", - "description": "Event Planning" - }, - { - "image": "path/to/your/image3.png", - "date": "11 Sep", - "description": "Sponsor Outreach" - }, - { - "image": "path/to/your/image3.png", - "date": "11 Sep", - "description": "Sponsor Outreach" - } -] \ No newline at end of file + { + "image": "image1.png", + "date": "9 Sep", + "description": "Pre Event Meetup" + }, + { + "image": "image2.png", + "date": "10 Sep", + "description": "Event Planning" + }, + { + "image": "path/to/your/image3.png", + "date": "11 Sep", + "description": "Sponsor Outreach" + }, + { + "image": "path/to/your/image3.png", + "date": "11 Sep", + "description": "Sponsor Outreach" + } +] diff --git a/index.html b/index.html index 375f702..e1fc281 100644 --- a/index.html +++ b/index.html @@ -16,7 +16,7 @@ -
+
@@ -53,212 +53,190 @@ Candle Ceremony NOSK
-
+
-
-
- Be a Part of The Celebration
Mark your Calenders
 -
- Event Date: 21st September, 2024
 - Venue: - Nepal College of Information Technology
 - Location: Balkumari, Lalitpur
 - Time: 10:00 AM -
-
-
-
-
-
- 0 +
+
+ Be a Part of The Celebration
Mark your Calenders
 +
+ Event Date: 21st September, 2024
 + Venue: + Nepal College of Information Technology
 + Location: Balkumari, Lalitpur
 + Time: 10:00 AM +
+
+
+
+
+
+ 0 +
+
Days
-
Days
-
-
-
-
- 0 +
+
+
+ 0 +
+
Hours
-
Hours
-
-
-
-
- 0 +
+
+
+ 0 +
+
Minutes
-
Minutes
-
-
-
-
- 0 +
+
+
+ 0 +
+
Seconds
-
Seconds
-
-
-
-
-
-
-
-

- About The Event
Software Freedom Day - 2024
- "A celebration of innovation and open - collaboration!" - -

-
-
- - - -
-
-
- Software Freedom Day (SFD) is an annual global celebration dedicated to promoting the - benefits and principles of Free and Open Source Software (FOSS). SFD is celebrated on the third Saturday of - September each year and is marked by events, workshops, and conferences held by FOSS communities, tech - enthusiasts, and organizations across the world. -

- In Nepal, the celebration of SFD has been actively hosted and organized by the Nepal Open Source Klub (NOSK) - for over 20 years. NOSK has been at the forefront of promoting free software. -

- In 2024, NOSK is returning with an even grander edition of Software Freedom Day, This year's event promises - to be the largest yet, where developers and enthusiasts can showcase their love for open source. +
+ +
+ +
+
+
+

+ + About The Event
+ Software Freedom Day + 2024 +
+ "A celebration of innovation and open collaboration!" + +

-
- +
-
- Nosk Vertical Logo +
+ Software Freedom Day (SFD) is an annual global celebration dedicated to promoting the benefits and principles of Free and Open Source Software (FOSS). SFD is celebrated on the third Saturday of September each year and is marked by events, workshops, and conferences held by FOSS communities, tech enthusiasts, and organizations across the world. +

+ In Nepal, the celebration of SFD has been actively hosted and organized by the Nepal Open Source Klub (NOSK) for over 20 years. NOSK has been at the forefront of promoting free software. +

+ In 2024, NOSK is returning with an even grander edition of Software Freedom Day. This year's event promises to be the largest yet, where developers and enthusiasts can showcase their love for open source. +
+
+
-
+ +
+ Nosk Vertical Logo +
+ +
+ -
+
-

Got Open +

Got Open Source Project? We Got you!

-

Present them at Software Freedom +

Present them at Software Freedom Day 2024

+ class="sm:w-[168px] lg:w-[220px] h-[37px] w-[145px] sm:h-[60px] bg-[#FFDD50] rounded-[27.5px] text-xl hover:border-2 hover:border-solid hover:border-[#FFDD50] hover:bg-transparent group">LEARN MORE
-
+
+ + +
+ -
-
-
- Nosk Vertical Logo -
-
-
-
- - - -
-
-

- About The Organizers
Nepal Open Source Klub - NOSK
- “Opening Minds Through Open Source” - -

-
-
-
- NOSK - Nepal Open Source Klub is a group of like-minded people - who work to raise awareness and adoption of FOSS( Free and Open - Source Software) in Nepal. We being at the club aim to educate and - train people of different domains of technology by organizing - different events and sessions time and often.

NOSK was - founded by Nitesh Rijal, a great admirer and promoter of FOSS, On - 28th Feburary 2008, formerly as the NCIT Open Source Klub.

NOSK - is open to everyone who want to be a part of it. Anyone can - contribute and educate people about technology and any technical - stuff which supports FOSS through the NOSK........ -
-
- -
-
+
+ Nosk Vertical Logo
-
+ -
-
-
- +20 Years of
Advocating
Freedom +
+
+
+
+
+ About The Organizers +
+ Nepal Open Source Klub - NOSK
+ "Opening Minds Through Open Source" +
+
+
+
-
- +2100 Open Source
Entusiasts
Reached + +
+
NOSK - Nepal Open Source Klub is a group of like-minded people who work to raise awareness and adoption of FOSS (Free and Open Source Software) in Nepal. We at the club aim to educate and train people of different domains of technology by organizing different events and sessions regularly. +

+ NOSK was founded by Nitesh Rijal, a great admirer and promoter of FOSS, on 28th February 2008, formerly as the NCIT Open Source Klub. +

+ NOSK is open to everyone who wants to be a part of it. Anyone can contribute and educate people about technology and any technical topic that supports FOSS through NOSK. +
-
- +500 Events
Conducted + +
+
+
+ + + +
+ + +
+

+20

+

Years of Advocating for Software Freedom

+
+ +
+

+2100

+

Open Source Enthusiasts Reached

+
+ +
+

+500

+

Events Conducted

+
+ +
-

Learn - Enjoy - Discover

-
+

Learn - Enjoy - Discover

+
diff --git a/js/faqs.js b/js/faqs.js index edb137c..ad2e85d 100644 --- a/js/faqs.js +++ b/js/faqs.js @@ -1,18 +1,18 @@ -document.addEventListener('DOMContentLoaded', () => { - const faqItems = document.querySelectorAll('.faq-item'); +document.addEventListener("DOMContentLoaded", () => { + const faqItems = document.querySelectorAll(".faq-item"); - faqItems.forEach(item => { - const question = item.querySelector('.faq-question'); - const answer = item.querySelector('.faq-answer'); + faqItems.forEach((item) => { + const question = item.querySelector(".faq-question"); + const answer = item.querySelector(".faq-answer"); - question.addEventListener('click', () => { - if (answer.style.maxHeight && answer.style.maxHeight !== "0px") { - answer.style.maxHeight = "0px"; - question.querySelector('span.text-gray-900').textContent = '+'; - } else { - answer.style.maxHeight = answer.scrollHeight + "px"; - question.querySelector('span.text-gray-900').textContent = '-'; - } - }); + question.addEventListener("click", () => { + if (answer.style.maxHeight && answer.style.maxHeight !== "0px") { + answer.style.maxHeight = "0px"; + question.querySelector("span.text-gray-900").textContent = "+"; + } else { + answer.style.maxHeight = answer.scrollHeight + "px"; + question.querySelector("span.text-gray-900").textContent = "-"; + } + }); }); }); diff --git a/js/footer.js b/js/footer.js index 561140f..9ec03b1 100644 --- a/js/footer.js +++ b/js/footer.js @@ -49,11 +49,10 @@ const footerCode = `
{ // Get the first