blank-canvas-studio / news.html
0fg's picture
Please create a web presence for The THoR Project. THoR stands for "Taking Humanities on the Road") It's an outreach project by the university of Bern and it bundles, showcases, and promotes outreach initiatives, projects and events at the Bernese Faculty of Humanities and beyond. thor. builds bridges between individual research and participation, analytical and performative research, and between academia and other fields of knowledge.
a5466a1 verified
<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>News | The THoR Project</title>
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://unpkg.com/feather-icons"></script>
</head>
<body class="bg-gray-50 text-gray-900 font-sans antialiased">
<custom-navbar></custom-navbar>
<main>
<!-- News Header -->
<section class="bg-primary py-16 text-white">
<div class="container mx-auto px-4">
<h1 class="text-4xl font-bold mb-4">News & Updates</h1>
<p class="text-xl max-w-2xl">Stay informed about our latest activities and achievements.</p>
</div>
</section>
<!-- News List -->
<section class="py-16 bg-white">
<div class="container mx-auto px-4 max-w-4xl">
<!-- News Item 1 -->
<article class="border-b pb-8 mb-8">
<time class="text-gray-500">June 15, 2023</time>
<h2 class="text-2xl font-bold my-4 text-primary">THoR Project Receives Innovation Grant</h2>
<div class="prose max-w-none">
<p>The University has awarded additional funding to expand our outreach activities. This grant will allow us to develop new public engagement formats and reach wider audiences across Switzerland.</p>
<p>With this funding, we plan to launch three new initiatives:</p>
<ul>
<li>A mobile research exhibition that will visit community centers</li>
<li>A podcast series featuring researchers in conversation with practitioners</li>
<li>Expanded school outreach programming</li>
</ul>
</div>
</article>
<!-- News Item 2 -->
<article class="border-b pb-8 mb-8">
<time class="text-gray-500">May 28, 2023</time>
<h2 class="text-2xl font-bold my-4 text-primary">New Partnership with City Libraries</h2>
<div class="prose max-w-none">
<p>We're pleased to announce a new collaboration with the Bern City Library network. Starting in September, we'll be bringing humanities research discussions to local libraries throughout the city.</p>
<p>The partnership will feature:</p>
<ul>
<li>Monthly "Research in Conversation" events</li>
<li>Pop-up research displays in branch libraries</li>
<li>Special programming for children and families</li>
</ul>
</div>
</article>
<!-- News Item 3 -->
<article class="border-b pb-8 mb-8">
<time class="text-gray-500">April 10, 2023</time>
<h2 class="text-2xl font-bold my-4 text-primary">Successful Completion of Digital Storytelling Pilot</h2>
<div class="prose max-w-none">
<p>Our experimental Digital Storytelling project has concluded its pilot phase with excellent results. Over six months, five research teams worked with multimedia professionals to create accessible presentations of their work.</p>
<p>The resulting videos and interactive presentations have been viewed over 15,000 times across our platforms. Based on this success, we're planning to expand the program to include more researchers next year.</p>
</div>
</article>
</div>
</section>
</main>
<custom-footer></custom-footer>
<script src="components/navbar.js"></script>
<script src="components/footer.js"></script>
<script src="script.js"></script>
<script>
feather.replace();
</script>
</body>
</html>