Skip to content

Commit

Permalink
Merge pull request #74 from cohure/dev
Browse files Browse the repository at this point in the history 
Dev: add venue map + updates to how to public transport / venue md.
  • Loading branch information
@MinaAlmasi
MinaAlmasi authored Nov 25, 2024
2 parents 847be79 + 21466b8 commit 1d7860b
Show file tree
Hide file tree
Showing 15 changed files with 1,127 additions and 191 deletions.
7 changes: 3 additions & 4 deletions content/programme.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -211,9 +211,9 @@ input:focus-visible + label {
}
</style>
<!-- HTML FOR PROGRAMME -->
Programme for the [pre-conference workshops](#parallel-workshops) on [Tuesday](#tuesday), 3rd December 2024, and the main conference days on [Wednesday](#wednesday), [Thursday](#thursday), and [Friday](#friday), 4th-6th December 2024.
Programme for the [pre-conference workshops](#parallel-workshops) on [Tuesday](#tuesday), 3rd December 2024, and the main conference days on [Wednesday](#wednesday), [Thursday](#thursday), and [Friday](#friday), 4th-6th December 2024. See all [accepted papers](/papers).

You can also get an overview of all accepted papers [here](/papers).
The main venue address of CHR2024 is *Bartholins Allé 8, 8000 Aarhus C*. [Get help with finding venue locations](/venue/finding-the-venue).

*Note: Changes may occur in the programme. Please check regularly for the latest information.*

Expand Down Expand Up @@ -287,8 +287,7 @@ You can also get an overview of all accepted papers [here](/papers).
<li>17:00: Opening reception</li>
</ul>
</p>
<h3 style="font-weight:bold; font-size:2.3em;">Overview of sessions</h3>
<!-- Session 1A -->

<div class="session-block session-a">
<h3 id="session1A" alt="Session 1A: Visual Arts and Art History (13:30-15:00)">Session 1A: Visual Arts and Art History (13:30-15:00)</h3>
<div class="meta-data bordered-layout"><span class="meta-section"><a style="color:white;" href=https://international.au.dk/about/contact/?b=1324>Building: 1324</a>, Room: 011</span></div><p class="paper-entry"><a href="/papers/paper20" class="paper-title">Viability of Zero-shot Classification and Search of Historical Photos</a><span class="paper-type">(long)</span><span class="paper-authors">Erika Maksimova, Mari-Anna Meimer, Mari Piirsalu and Priit Järv</span></p>
Expand Down
155 changes: 74 additions & 81 deletions content/venue.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,66 +4,39 @@ title: "Venue"

<!--html settings for banner-->
<style>
/* define banner for about page */
.banner-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
gap: 20px;
padding: 0px;
}

.banner {
background-color: #002147;
color: white !important;
padding: 25px; /* increase overall padding */
color: white;
padding: 15px; /* minimal padding */
border-radius: 10px;
display: grid;
grid-template-rows: auto auto 1fr; /* control spacing */
display: flex;
flex-direction: row; /* row to place arrow beside text */
align-items: center;
justify-content: space-between; /* space between text and arrow */
text-decoration: none;
transition: all 0.3s ease;
position: relative;
height: 260px;
gap: 20px; /* gap between grid rows */
height: 100%; /* controlled height */
width: 100%; /* fixed width for consistency */
text-decoration: none !important;
}

.banner:hover {
background-color: #4b0033;
color: white !important;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.banner h2 {
font-size: 1.1rem;
margin: 0;
color: white !important;
padding-right: 40px;
line-height: 1.3;
max-height: 2.6em; /* limit to two lines */
}

.banner-content {
/* will contain the paragraph */
align-self: start;
}

.banner p {
font-size: 0.9rem;
font-size: 1.2rem;
margin: 0;
color: white !important;
padding-right: 20px;
line-height: 1.5;
}

.banner-footer {
align-self: end;
position: relative;
color: white;
text-align: left; /* align text to left for better flow */
}

.banner .arrow {
position: absolute;
right: 20px;
bottom: 20px;
margin-left: 10px;
width: 36px;
height: 36px;
border-radius: 50%;
Expand All @@ -77,34 +50,18 @@ title: "Venue"
box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.banner .arrow::after {
font-family: Arial, sans-serif;
font-weight: bold;
transform: translateX(-1px);
.banner:hover {
background-color: #4b0033;
}

.banner:hover .arrow {
background-color: white;
color: #4b0033;
transform: translateX(5px);
}

@media (max-width: 480px) {
.banner {
max-height: 160px; /* max height for mobile */
min-height: 100px;
padding: 15px; /* reduced padding */
gap: 20px; /* reduced gap */
}

@media (max-width: 480px) {a
.banner h2 {
font-size: 1.1rem; /* smaller font size */
max-height: 2.2em; /* constrain to two lines */
-webkit-line-clamp: 2;
}

.banner p {
font-size: 0.85rem; /* slightly smaller font */
font-size: 1rem;
}

.banner .arrow {
Expand All @@ -119,36 +76,72 @@ title: "Venue"
The CHR2024 Conference will be held on December 4-6 with workshops taking place on the December 3rd.
The conference will take place in Aarhus, Denmark at Aarhus University, in their historical buildings located in the city center, close to the urban environment and its vibrant atmosphere as well as nature, including parks, forest and the coastline.

<div class="space" style="padding-top:2%;"></div>

<h3 style="font-weight:bold;">Conference Information</h3>
<div class="banner-grid">
<a href="/venue/conference-dinner" class="banner" aria-label="Press to learn more about the Conference Dinner at Restaurant Havnær">
<h2>The Conference Dinner</h2>
<p>Join us for the conference dinner at Restaurant Havnær with stunning views of Aarhus Bay and a menu inspired by Nordic and French culinary traditions.</p>
<div class="arrow" aria-hidden="true">&gt;</div>
</a>
<a href="/venue/accomodation-in-aarhus" class="banner" aria-label="Press to view accommodation options in Aarhus">
<h2>Accommodation in Aarhus</h2>
<p>Aarhus offers a range of excellent hotels. Gain an overview and see the exclusive discounts for the CHR2024 conference.</p>
<div class="arrow" aria-hidden="true">&gt;</div>
</a>
<a href="/venue/travelling-to-aarhus" class="banner" aria-label="Press to learn about travel options to Aarhus">
<h2>Travelling to Aarhus</h2>
<p>Going to Aarhus by plane, train, ferry or something else? Read more about the many travel options that lead you to CHR2024.</p>
<div class="arrow" aria-hidden="true">&gt;</div>
<a href="/venue/finding-the-venue" class="banner" aria-label="Press to get an overview of the buildings for CHR2024">
<h2>Finding the Venue</h2>
<div class="banner-footer">
<div class="arrow" aria-hidden="true">→</div>
</div>
</a>
<a href="/venue/getting-around-aarhus" class="banner" aria-label="Press to find out how to get around Aarhus">
<h2>Getting around in Aarhus</h2>
<p>Walk around, rent a bike, take the bus or grab a taxi - get information on how to travel around Aarhus just as you would like.</p>
<div class="arrow" aria-hidden="true">&gt;</div>
<div class="banner-footer">
<div class="arrow" aria-hidden="true">→</div>
</div>
</a>
<a href="/venue/conference-dinner" class="banner" aria-label="Press to learn more about the Conference Dinner at Restaurant Havnær">
<h2>About the Conference Dinner</h2>
<div class="banner-footer">
<div class="arrow" aria-hidden="true">→</div>
</div>
</a>
</a>
<a href="/venue/conference-dinner#conference-dinner-transport" class="banner" aria-label="Press to learn more about how to get to the conference dinner">
<h2>Get to the Conference Dinner</h2>
<div class="banner-footer">
<div class="arrow" aria-hidden="true">→</div>
</div>
</a>
</div>

<div class="space" style="padding-top:2%;"></div>


<h3 style="font-weight:bold;">Explore Aarhus</h3>
<div class="banner-grid">
<a href="/venue/sights-in-aarhus" class="banner" aria-label="Press to explore sights and attractions in Aarhus">
<h2>Sightseeing in Aarhus</h2>
<p>Discover Aarhus before and after CHR2024 with our curated recommendations for must-see experiences.</p>
<div class="arrow" aria-hidden="true">&gt;</div>
<div class="banner-footer">
<div class="arrow" aria-hidden="true">→</div>
</div>
</a>
<a href="/venue/culinary-delights-aarhus" class="banner" aria-label="Press to explore dining options in Aarhus">
<h2>Dining in Aarhus</h2>
<p>Aarhus’ diverse dining scene has something for every palate, from gourmet experiences to casual favourites.</p>
<div class="arrow" aria-hidden="true">&gt;</div>
<div class="banner-footer">
<div class="arrow" aria-hidden="true">→</div>
</div>
</a>
</div>

<div class="space" style="padding-top:2%;"></div>

<h3 style="font-weight:bold;">Booking Your Stay</h3>
<div class="banner-grid">
<a href="/venue/accomodation-in-aarhus" class="banner" aria-label="Press to view accommodation options in Aarhus">
<h2>Accommodation in Aarhus</h2>
<div class="banner-footer">
<div class="arrow" aria-hidden="true">→</div>
</div>
</a>
<a href="/venue/travelling-to-aarhus" class="banner" aria-label="Press to learn about travel options to Aarhus">
<h2>Travelling to Aarhus</h2>
<div class="banner-footer">
<div class="arrow" aria-hidden="true">→</div>
</div>
</a>
</div>

<div class="space" style="padding-top:3%;"></div>
48 changes: 47 additions & 1 deletion content/venue/conference-dinner.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,6 @@ title: "Conference Dinner at Restaurant Havnær"
figcaption {
text-align: center;
}

</style>

<figure>
Expand Down Expand Up @@ -42,3 +41,50 @@ Inspired by Nordic and French culinary traditions, the talented chef at Restaura
</ul>

We look forward to sharing this special dining experience with you. Be sure to [register for the CHR 2024 Conference](https://events.au.dk/chr2024/) and conference dinner at Restaurant Havnær.

<section id="conference-dinner-transport">
<h2>Conference Dinner Transport</h2>
<p style="font-size: 1.2rem;">
CHR would like to provide help and assistance in getting to the conference dinner on
Dec. 5th using public transportation (bus and light rail).
</p>
<p style="font-size: 1.2rem;">
<strong>Please note:</strong> You cannot buy tickets on the bus or light rail. For more
information on how to buy a ticket before travelling, read
<a href="/venue/getting-around-aarhus#how-to-buy-tickets-for-public-transport">here</a>.
</p>

<h3 style="font-weight: bold;">Bus Lines:</h3>
<ul style="font-size: 1.2rem;">
<li>3A bus line drives directly from the 'Park Allé/Rådhuset' bus stop to the end station at Aarhus Ø, which is close to the restaurant.</li>
</ul>

<p style="font-size: 1.2rem;">
CHR is offering attendees a guided trip to Restaurant Havnær from two pick-up spots. Volunteers from the CDHtxt student association will be at each spot to help you get to the restaurant using bus 3A and the light rail.
</p>

<h3 style="font-size: 1.2rem; font-weight: bold;">Pick-up Spots:</h3>
<ol style="font-size: 1.2rem;">
<li>
<strong>Conference Centre</strong> (Address: Fredrik Nielsens Vej 2-4, 8000 Aarhus C)<br>
<ul style="font-size: 1.2rem;">
<li>Departure: 7:00 pm - please arrive 5 minutes early</li>
<li>A volunteer will guide you to the light rail, then switch to bus 3A at "Nørreport."</li>
</ul>
</li>
<br>
<li>
<strong style="font-size: 1.2rem;">Park Allé/Rådhuset Bus Stop</strong><br>
<ul style="font-size: 1.2rem;">
<li>Departure: 7:12 pm - please arrive 5 minutes early</li>
<li>Direct bus line 3A to Aarhus Ø, near Radisson Blu Scandinavia Hotel, Hotel Oasia, and Wakeup Aarhus.</li>
</ul>
</li>
</ol>

<p style="font-size: 1.2rem;">
Remember that attendees are responsible for buying tickets. Read more about how to buy tickets for
<a href="/venue/getting-around-aarhus#how-to-buy-tickets-for-public-transport">public transport</a>.
</p>
</section>

Loading

0 comments on commit 1d7860b

Please sign in to comment.