Skip to content

Commit

Permalink
Started building the hotels table
Browse files Browse the repository at this point in the history
  • Loading branch information
@olekscode
olekscode committed Jun 24, 2024
1 parent 4c0f142 commit e0616a8
Show file tree
Hide file tree
Showing 2 changed files with 216 additions and 0 deletions.
185 changes: 185 additions & 0 deletions website/hotels.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,185 @@
<!DOCTYPE html>
<html
lang="en"
dir="ltr"
itemscope
itemtype="https://schema.org/WebPage"
prefix="og:http://ogp.me/ns#"
>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />

<title>isLoop 2024 Summer School in Montpellier</title>

<link rel="canonical" href="https://isloop24.pharo.org" />
<link rel="icon" type="image/png" href="./img/icons/64x64.png" />
<!-- <link rel="manifest" href="./manifest.json" /> -->

<!-- General -->
<meta
name="application-name"
content="isLoop 2024 Summer School in Montpellier"
/>
<meta name="author" content="Oleksandr Zaitsev" />

<meta
name="description"
content="Learn advanced object-oriented programming in Pharo"
/>
<meta
name="keywords"
content="pharo, summer school, object-oriented programming,
programming, live programming, learn programming"
/>
<meta name="referrer" content="strict-origin" />

<!-- JSON-LD -->
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Webpage",
"url": "https://isloop24.pharo.org/",
"name": "isLoop 2024 Summer School in Montpellier",
"headline": "isLoop 2024 Summer School in Montpellier",
"description": "Learn advanced object-oriented programming in Pharo",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://isloop24.pharo.org"
},
"publisher": {
"@type": "Person",
"name": "Oleksandr Zaitsev"
},
"image": {
"@type": "ImageObject",
"url": "./img/montpellier.jpg",
"width": 1000,
"height": 667
},
"datePublished": "2024-06-18",
"keywords": "pharo, summer school, object-oriented programming,
programming, live programming, learn programming"
}
</script>

<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap"
rel="stylesheet"
/>

<!-- Top menu icon -->
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
/>

<link rel="stylesheet" href="./style.css" />
</head>
<body>
<header>
<nav>
<div class="nav-buttons" id="nav-buttons">
<a href="./index.html" rel="noopener noreferrer">Home</a>
<a href="./venue.html" rel="noopener noreferrer">Venue</a>
<a href="./program.html" rel="noopener noreferrer">Program</a>
<a href="./hotels.html" rel="noopener noreferrer" class="active">Hotels</a>
<!-- <a href="./resources.html" rel="noopener noreferrer">Learning Resources</a> -->
<a href="javascript:void(0);" class="icon" onclick="toggleTopMenu()">
<i class="fa fa-bars"></i>
</a>
</div>
</nav>
</header>

<main>
<h1><span style="color: var(--color-dark-gray)">isLoop 2024</span> Hotels
in Montpellier</h1>

<p>This is the list of recommended hotels that you can consider for your
stay in Montpellier.</p>

<div class="table-wrapper">
<div class="table-scroll">
<table class="hotels-table">
<thead>
<tr>
<th>Name</th>
<th>Address</th>
<th>URL</th>
<th>Price per night</th>
<th>Distance from the venue</th>
<th>Distance from the city center</th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
</div>
</div>

</main>

<footer>
<p>
<b>&copy; 2024. All rights reserved</b> by
<span>
<a href="https://consortium.pharo.org" target="_blank" rel="noopener">
Pharo Consortium
</a>
</span>
</p>
<p>The source code of this website is licensed under
<a
href="https://github.com/pharo-project/pharo-summer-school//blob/main/LICENSE"
target="_blank"
rel="license noopener noreferrer">The MIT License</a>
and <span>available on
<a
href="https://github.com/pharo-project/pharo-summer-school"
target="_blank"
rel="noopener noreferrer">GitHub</a></span>
</p>

<p><b>isLoop</b> is supported by CIRAD (UMR SENS), Inria (Evref)
and the <span>University of Novi Sad.</span></p>

<div class="footer-logos">
<span>
<a href="https://www.cirad.fr/" rel="noopener">
<img src="./img/logos/cirad.png">
</a>
<a href="https://umr-sens.fr" rel="noopener">
<img src="./img/logos/sens.png">
</a>
</span>
<span>
<a href="https://inria.fr/" rel="noopener">
<img src="./img/logos/inria.png">
</a>
<a href="https://www.inria.fr/en/evref" rel="noopener">
<img src="./img/logos/evref.png">
</a>
</span>
<span>
<a href="https://www.uns.ac.rs/index.php/en/" rel="noopener">
<img src="./img/logos/novisad.png">
</a>
</span>
</div>
</footer>

<script src="./script.js"></script>
</body>
</html>
31 changes: 31 additions & 0 deletions website/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -151,6 +151,37 @@ img.banner {
height: 30rem;
}

.hotels-table {
text-align: left;
display: block;
overflow-x: auto;
white-space: nowrap;
}

.hotels-table tbody {
display: table;
width: 100%;
}

.table-wrapper {
position: relative;
}

.table-scroll {
overflow: auto;
}

.hotels-table th {
background-color: var(--color-light-gray);
font-weight: normal;
padding: 1rem 1.5rem 1rem 1.5rem;
}

.hotels-table td {
border-bottom: 1px solid var(--color-light-gray);
padding: 1rem 1.5rem 1rem 1.5rem;
}

footer {
margin-top: auto;
padding: 3rem;
Expand Down

0 comments on commit e0616a8

Please sign in to comment.