andre/olympics-calendar
1
0
Fork 0
mirror of https://github.com/fabrice404/olympics-calendar.git synced 2025-12-13 14:49:46 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

add instructions how to use

Browse Source
This commit is contained in:
Fabrice Lamant
2024-07-09 15:13:55 +01:00
parent 40a2ed7e56
commit 371982f547
3 changed files with 32 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
docs/index.html
View File

@ -10,6 +10,19 @@
<body> <body>
<div class="p-4"> <div class="p-4">
<h1 class="text-4xl">Paris 2024 Summer Olympic Games calendars</h1> <h1 class="text-4xl">Paris 2024 Summer Olympic Games calendars</h1>
<div>
<h2 class="text-3xl pb-4 pt-8">How to add a calendar to your Google calendar</h2>
<ol class="list-decimal ml-10">
<li>Right click on a calendar and select "Copy link address"</li>
<li>Open your Google calendar</li>
<li>Click the plus sign next to “Other Calendars” on the left menu</li>
<li>Click "From URL"</li>
<li>Paste your calendar URL</li>
<li>Click "Add calendar"</li>
</ol>
</div>
<div> <div>
<div class="flex items-center pb-4 pt-8"> <div class="flex items-center pb-4 pt-8">

6
docs/style.css
View File

@ -504,6 +504,9 @@ video {
.mb-2 { .mb-2 {
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
} }
.ml-10 {
margin-left: 2.5rem;
}
.ml-4 { .ml-4 {
margin-left: 1rem; margin-left: 1rem;
} }
@ -513,6 +516,9 @@ video {
.flex { .flex {
display: flex; display: flex;
} }
.list-decimal {
list-style-type: decimal;
}
.items-center { .items-center {
align-items: center; align-items: center;
} }

13
template.html
View File

@ -10,6 +10,19 @@
<body> <body>
<div class="p-4"> <div class="p-4">
<h1 class="text-4xl">Paris 2024 Summer Olympic Games calendars</h1> <h1 class="text-4xl">Paris 2024 Summer Olympic Games calendars</h1>
<div>
<h2 class="text-3xl pb-4 pt-8">How to add a calendar to your Google calendar</h2>
<ol class="list-decimal ml-10">
<li>Right click on a calendar and select "Copy link address"</li>
<li>Open your Google calendar</li>
<li>Click the plus sign next to “Other Calendars” on the left menu</li>
<li>Click "From URL"</li>
<li>Paste your calendar URL</li>
<li>Click "Add calendar"</li>
</ol>
</div>
<div> <div>
{{calendars}} {{calendars}}
</div> </div>