Skip to content

Commit

Permalink
Add FAQs, update partners page
Browse files Browse the repository at this point in the history
  • Loading branch information
@Sashi20
Sashi20 committed Mar 28, 2024
1 parent 218f78c commit 431f1a9
Show file tree
Hide file tree
Showing 6 changed files with 115 additions and 103 deletions.
5 changes: 5 additions & 0 deletions src/layouts/layout.astro
View file
Original file line number Diff line number Diff line change
Expand Up @@ -172,8 +172,13 @@ ul.menu li a.active{
<script>

document.addEventListener('astro:page-load', () => {
if(window.location.hash){
var currentUrl = window.location.pathname.replace(/\/+$/, '') + window.location.hash.replace(/\/+$/, '');
}
else{

var currentUrl = window.location.pathname.replace(/\/+$/, '');
}


var menuItems = document.querySelectorAll('.nav-link');
Expand Down
3 changes: 2 additions & 1 deletion src/layouts/nav-links.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,5 +7,6 @@
{ "label": "Resources", "href": "/resources" },
{ "label": "Rules", "href": "/rules" },
{ "label": "Partners", "href": "/partners" },
{ "label": "Contact", "href": "/contact" }
{ "label": "Contact", "href": "/contact" },
{"label": "FAQs", "href": "/contact#faq"}
]
27 changes: 25 additions & 2 deletions src/pages/contact.astro
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,14 +3,37 @@ import Main from '../layouts/main.astro';
---

<Main>
<section id="faq">
<div class="py-3">
<!-- 1/4 Width Column -->
<!-- <div class="col-span-1 bg-gray-300 p-4">
<img src=""/>
<h1 class="section-title">Celebrating India's Innovation</h1>
</div> -->
<!-- 3/4 Width Column -->
<div class="col-span-1 p-4">

<h1 class="section-title text-4xl pb-3">
FAQs
</h1>
<div class="p-4 playfair-display-normal">
<p class="text-xl">Please refer to <a class="hover:text-red-400 text-red-700" href="https://docs.google.com/document/d/e/2PACX-1vQp9kFiMEdqMDcWkLUQLWN4GjKEUgQsswd_KcjMw1ub8N1tbG4eqZlt141-ewggqkBZ7e9dDKO7Z0q1/pub" target="_blank">this</a> document for FAQs on ANIMATE 2024.
</p>
</div>
</div>


</section>
<section id="contact">
<div class="lg:grid grid-cols-2 gap-4">
<div class="text-center md:text-2xl text-sm">
<h1 class="justify-end text-4xl mb-4">Contact Us</h1>
<p class=" playfair-display-normal">For any queries, write to us at </p>
<ul class=" playfair-display-normal">
<li><a class="text-blue-700 hover:text-blue-400" href="mailto:info@fossee.in">info@fossee.in</a></li>
<li><a class="text-blue-700 hover:text-blue-400" href="mailto:contact-focal@fossee.in">contact-focal@fossee.in</a></li>
<li><a class=" hover:text-red-400 text-red-700" href="mailto:info@fossee.in">info@fossee.in</a></li>
<li><a class=" hover:text-red-400 text-red-700" href="mailto:contact-focal@fossee.in">contact-focal@fossee.in</a></li>

</ul>
</div>
Expand Down
173 changes: 78 additions & 95 deletions src/pages/partners.astro
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,93 +14,8 @@ import mbc from '../images/manipal-bangalore-camp.png';

<Main>
<section id="partner">
<div class="flex items-center justify-center">
<h1 class="justify-end text-4xl mb-4">Learning Partners</h1>
</div>
<!-- First Row -->
<div class="border-4 border-[#1f2937] rounded-t-[18px] border-b-[23px] rounded-b-lg p-4 text-white" style="border: ;">
<!-- Your content for the first row goes here -->
<!-- <p>Partners </p> -->
<div class="grid gap-4 sm:grid-cols-1 grid-cols-1 place-items-center items-center justify-center">

<!-- <div class="text-red-300">
<a href="https://www.iitb.ac.in/" target="_blank" class="flex-1 border-indigo-600 items-center justify-center rounded-md overflow-hidden">
<img class="logos" src={iitb.src} alt="regi" decoding="async" />
</a></div> -->
<!-- <div class="text-red-300">
<a href="https://fossee.in" target="_blank" class="flex-1 border-indigo-600 items-center justify-center rounded-md overflow-hidden">
<img class="logos" src={fossee.src} alt="regi" decoding="async" />
</a></div> -->
<div class="text-red-300">
<a href="https://spoken-tutorial.org/" target="_blank" class="flex-1 border-indigo-600 items-center justify-center rounded-md overflow-hidden">

<img class="logos" src={spoken.src} alt="regi" decoding="async" />
<!-- <img src="../images/register.png" alt="Image 1" class="w-1/4 w-25"> -->


</a></div>



</div>


</div>

<!-- Resource Partners section starts -->
<div class="flex items-center justify-center">
<h1 class="justify-end text-4xl mb-4 mt-4">Resources Partners</h1>
</div>
<div class="border-4 border-[#1f2937] rounded-t-[18px] border-b-[23px] rounded-b-lg p-4 text-white" style="border: ;">
<!-- Your content for the first row goes here -->
<!-- <p>Partners </p> -->
<div class="grid gap-4 sm:grid-cols-1 grid-cols-1 place-items-center items-center justify-center">

<!-- <div class="text-red-300">
<a href="https://www.iitb.ac.in/" target="_blank" class="flex-1 border-indigo-600 items-center justify-center rounded-md overflow-hidden">
<img class="logos" src={iitb.src} alt="regi" decoding="async" />
</a></div> -->
<!-- <div class="text-red-300">
<a href="https://fossee.in" target="_blank" class="flex-1 border-indigo-600 items-center justify-center rounded-md overflow-hidden">
<img class="logos" src={fossee.src} alt="regi" decoding="async" />
</a></div> -->

<div class="text-red-300">
<a href="https://focal.fossee.in" target="_blank" class="flex-1 border-indigo-600 items-center justify-center rounded-md overflow-hidden">

<img class="logos" src={focal.src} alt="regi" decoding="async" />
<!-- <img src="../images/register.png" alt="Image 1" class="w-1/4 w-25"> -->


</a></div>
<div class="hidden sm:block"></div>

</div>


</div>


<!-- Second partners -->

<div class="flex items-center justify-center">
<h1 class="justify-end text-4xl mb-4 mt-4">Knowledge Partner: <span class="text-xl">Design Led Innovation Program, Srishti Manipal Institute, MAHE - Bangalore</span></h1>
<div class="flex items-center justify-center mb-2 mt-4">
<h1 class="justify-end text-4xl">Knowledge Partner: <span class="text-lg justify-center">Design Led Innovation Program, Srishti Manipal Institute, MAHE - Bangalore</span></h1>
</div>
<!-- First Row -->
<div class="border-4 border-[#1f2937] rounded-t-[18px] border-b-[23px] rounded-b-lg p-4 text-white" style="border: ;">
Expand Down Expand Up @@ -138,12 +53,15 @@ import mbc from '../images/manipal-bangalore-camp.png';

</div>
</div>

<!-- third partners -->

<div class="grid grid-cols-2 gap-4 mb-2 mt-2">
<div class="flex items-center justify-center">
<h1 class="justify-end text-4xl mb-4 mt-4">Execution Partner</h1>
<h1 class="justify-end text-4xl">Execution Partner</h1>
</div>
<div class="flex items-center justify-center">
<h1 class="justify-end text-4xl">Youth Partner</h1>
</div>
</div>
<div class="grid grid-cols-2 gap-4">
<!-- First Row -->
<div class="border-4 border-[#1f2937] rounded-t-[18px] border-b-[23px] rounded-b-lg p-4 text-white" style="border: ;">
<!-- Your content for the first row goes here -->
Expand All @@ -162,10 +80,6 @@ import mbc from '../images/manipal-bangalore-camp.png';
</div>
</div>

<!-- fourth partners -->
<div class="flex items-center justify-center">
<h1 class="justify-end text-4xl mb-4 mt-4">Youth Partner</h1>
</div>
<!-- First Row -->
<div class="border-4 border-[#1f2937] rounded-t-[18px] border-b-[23px] rounded-b-lg p-4 text-white" style="border: ;">
<!-- Your content for the first row goes here -->
Expand All @@ -182,7 +96,76 @@ import mbc from '../images/manipal-bangalore-camp.png';


</div>
</div>
</div>
<!-- Second partners -->
<div class="grid grid-cols-2 gap-4 mt-4 mb-2">
<div class="flex items-center justify-center">
<h1 class="justify-end text-4xl">Resource Partner</h1>
</div>
<div class="flex items-center justify-center">
<h1 class="justify-end text-4xl">Learning Partner</h1>
</div>
</div>

<div class="grid grid-cols-2 gap-4">
<div class="border-4 border-[#1f2937] rounded-t-[18px] border-b-[23px] rounded-b-lg p-4 text-white" style="border: ;">
<!-- Your content for the first row goes here -->
<!-- <p>Partners </p> -->
<div class="grid gap-4 sm:grid-cols-1 grid-cols-1 place-items-center items-center justify-center">

<!-- <div class="text-red-300">
<a href="https://www.iitb.ac.in/" target="_blank" class="flex-1 border-indigo-600 items-center justify-center rounded-md overflow-hidden">
<img class="logos" src={iitb.src} alt="regi" decoding="async" />
</a></div> -->
<!-- <div class="text-red-300">
<a href="https://fossee.in" target="_blank" class="flex-1 border-indigo-600 items-center justify-center rounded-md overflow-hidden">
<img class="logos" src={fossee.src} alt="regi" decoding="async" />
</a></div> -->

<div class="text-red-300">
<a href="https://focal.fossee.in" target="_blank" class="flex-1 border-indigo-600 items-center justify-center rounded-md overflow-hidden">

<img class="logos" src={focal.src} alt="regi" decoding="async" />
<!-- <img src="../images/register.png" alt="Image 1" class="w-1/4 w-25"> -->


</a></div>
<div class="hidden sm:block"></div>

</div>


</div>

<!-- First Row -->
<div class="border-4 border-[#1f2937] rounded-t-[18px] border-b-[23px] rounded-b-lg p-4 text-white" style="border: ;">
<!-- Your content for the first row goes here -->
<!-- <p>Partners </p> -->
<div class="grid gap-4 sm:grid-cols-1 grid-cols-1 place-items-center items-center justify-center">
<div class="text-red-300">
<a href="https://spoken-tutorial.org/" target="_blank" class="flex-1 border-indigo-600 items-center justify-center rounded-md overflow-hidden">

<img class="logos" src={spoken.src} alt="regi" decoding="async" />
<!-- <img src="../images/register.png" alt="Image 1" class="w-1/4 w-25"> -->


</a></div>



</div>

</div>
</div>


</section>
Expand Down
2 changes: 1 addition & 1 deletion src/pages/register.astro
View file
Original file line number Diff line number Diff line change
Expand Up @@ -34,7 +34,7 @@ import qrcode from '../images/qrcode-register.png';
<!-- <li class="text-red-500">If a person is found participating in more than one team, both the teams will be disqualified from the Hackathon.</li>
<li class="text-red-500">If any participant/ team is found to be indulging in any form of malpractice, the team will be immediately disqualified.</li> -->
<li>Use ONLY open source software for creating animations.
<span class="text-red-500">You are not allowed to use any proprietary software in your animation in any aspect. If found, you and your team will be disqualified.</span></li>
<span class="text-red-700">You are not allowed to use any proprietary software in your animation in any aspect. If found, you and your team will be disqualified.</span></li>
<li><div>Submissions will be accepted in 3 categories:&nbsp;</div>

<ol class="list-decimal list-inside pt-1">
Expand Down
8 changes: 4 additions & 4 deletions src/pages/resources.astro
View file
Original file line number Diff line number Diff line change
Expand Up @@ -27,11 +27,11 @@ import { slide } from 'astro:transitions';
<div class="pt-4 leading-normal sm:leading-loose">

<div class="text-justify md:text-xl text-sm playfair-display-normal"><ul style="list-style:disc;">
<li class="mb-2">Self-learn Synfig Studio using <span class="text-red-400 hover:text-red-700"><a href="https://spoken-tutorial.org/tutorial-search/?search_foss=Synfig&search_language=" target="_blank">Spoken Tutorials</a></span>. These tutorials are available in English, Hindi, Kannada, Marathi, Malayalam, Tamil, and Telugu.</li>
<li class="mb-2">Self-learn Synfig Studio using <span class="hover:text-red-400 text-red-700"><a href="https://spoken-tutorial.org/tutorial-search/?search_foss=Synfig&search_language=" target="_blank">Spoken Tutorials</a></span>. These tutorials are available in English, Hindi, Kannada, Marathi, Malayalam, Tamil, and Telugu.</li>
<li class="mb-2">For creating graphics, recording audio, etc., you can use other software. However, since there is a requirement to strictly use Open Source Software in this hackathon, you can use GIMP, Audacity, Inkscape, Openshot Video Editor, etc. You can self-learn these software using the Spoken Tutorials, which are freely available in English, Hindi, Kannada, Marathi, Malayalam, Tamil and Telugu.</li>
<li class="mb-2">For help in installing Synfig Studio, please <a href="https://www.synfig.org/" target="_blank" class="text-red-400 hover:text-red-700">click here</a>.</li>
<li class="mb-2">For writing your script, you can learn about storytelling using <a href="https://spoken-tutorial.org/tutorial-search/?search_foss=Mastering+Communication&search_language=English" target="_blank" class="text-red-400 hover:text-red-700">Communication Spoken Tutorials</a> available in English.</li>
<li class="mb-2">Refer graphics from our <a href="https://www.focal.fossee.in/" target="_blank" class="text-red-400 hover:text-red-700">FOCAL (free and open source creative art library)</a></span> repository.</li>
<li class="mb-2">For help in installing Synfig Studio, please <a href="https://www.synfig.org/" target="_blank" class="hover:text-red-400 text-red-700">click here</a>.</li>
<li class="mb-2">For writing your script, you can learn about storytelling using <a href="https://spoken-tutorial.org/tutorial-search/?search_foss=Mastering+Communication&search_language=English" target="_blank" class="hover:text-red-400 text-red-700">Communication Spoken Tutorials</a> available in English.</li>
<li class="mb-2">Refer graphics from our <a href="https://www.focal.fossee.in/" target="_blank" class="hover:text-red-400 text-red-700">FOCAL (free and open source creative art library)</a></span> repository.</li>
</ul>
</div>
</div>
Expand Down

0 comments on commit 431f1a9

Please sign in to comment.