-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
140 lines (122 loc) · 6.91 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<!DOCTYPE HTML>
<!--
Stellar by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Vinkalendern</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="stylesheet" href="assets/css/gc.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
<!-- icons-->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="theme-color" content="#ffffff">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-137952617-2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-137952617-2');
</script>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header" class="alt">
<span class="logo"><img src="images/vinkalender-logo.svg" alt="" /></span>
<h1>Vinkalendern</h1>
<p>Alla vinrelaterade events samlade på ett och samma ställe. Direkt i din kalender.</p>
</header>
<!-- Nav -->
<nav id="nav">
<ul>
<li><a href="#calendar" class="active">Kalendern</a></li>
<li><a href="#prenumerera">Prenumerera - iCal, Outlook osv</a></li>
<li><a href="#tipsa">Tipsa</a></li>
</ul>
</nav>
<!-- Main -->
<div id="main">
<!-- Introduction -->
<section id="calendar" class="main">
<div class="spotlight">
<div class="content">
<div class="gc-container">
<iframe class="gc-iframe" src="https://calendar.google.com/calendar/embed?height=600&wkst=2&bgcolor=%23ffffff&ctz=Europe%2FStockholm&src=bmE0bjB1MjZvZ2VqczI1ZG9uN2s1ODNrbWNAZ3JvdXAuY2FsZW5kYXIuZ29vZ2xlLmNvbQ&color=%23F09300&showTitle=0&showPrint=0&showCalendars=0&hl=sv" style="border-width:0" frameborder="0" scrolling="no"></iframe>
</div>
</div>
</div>
</section>
<!-- First Section -->
<section id="prenumerera" class="main special">
<header class="major">
<h2>I din kalender</h2>
</header>
<p class="preamble">Få in alla evenemangen i din kalender, i telefonen eller datorn, så har du dem alltid uppdaterade och till hands. Nya evenemang, uppdateringar eller ändringar syns direkt.</p>
<ul class="features">
<li>
<h3><i class="fab fa-apple"></i> iOS</h3>
<p>Gå till Settings › Passwords & Accounts › Add Account › Other › Add Subscribed Calendar. Kopiera och klista in länken här nedanför. Döp kalendern till "Vinkalender.se" så hittar du den lättare senare.</p>
</li>
<li>
<h3><i class="fab fa-windows"></i> Outlook</h3>
<p>Från sidopanelen högerklicka "Other calendars" › Add Calendar › From Internet. Klista in länken här nedanför och klicka OK. Klart.</p>
</li>
<li>
<h3><i class="fas fa-robot"></i> Google Calendar</h3>
<p>På calendar.google.com i vänsta kolumnen med dina kalendrar hittar du "Andra kalendrar" längst ner › Klicka på pluset › Från webbadress. Klista in länken här nedanför. Klart.</p>
</li>
</ul>
<p><pre><code>https://calendar.google.com/calendar/ical/na4n0u26ogejs25don7k583kmc%40group.calendar.google.com/public/basic.ics</code></pre></p>
<p>Du kan också importera alla händelser direkt till din kalender via en <a href="https://calendar.google.com/calendar/ical/na4n0u26ogejs25don7k583kmc%40group.calendar.google.com/public/basic.ics"><i class="fas fa-calendar-check"></i> .ics-fil</a> eller se den direkt i <a href="https://calendar.google.com/calendar/embed?src=na4n0u26ogejs25don7k583kmc%40group.calendar.google.com&ctz=Europe%2FStockholm"><i class="fab fa-google"></i> Google Calendar</a></p>
<!--<ul class="statistics">
<li class="style1">
<span class="icon solid fa-calendar-check"></span>
<a href="https://calendar.google.com/calendar/ical/na4n0u26ogejs25don7k583kmc%40group.calendar.google.com/public/basic.ics"><strong>.ics-fil</strong> Ladda ner och öppna i Outlook, Apple iCal osv</a>
</li>
<li class="style2">
<span class="fab fa-google fa-3x"></span>
<a href="https://calendar.google.com/calendar/embed?src=na4n0u26ogejs25don7k583kmc%40group.calendar.google.com&ctz=Europe%2FStockholm"><strong>Google</strong> Länk direkt till kalendern</a>
</li>
</ul>-->
</section>
<!-- Second Section -->
<section id="tipsa" class="main special">
<header class="major">
<h2>Saknas det nåt?</h2>
<p>Klart det gör. <a href="https://docs.google.com/forms/d/e/1FAIpQLSejE5AOIKoXcvOVd2R7vrmiAlyRAKvnytuEYqUpO-NCViowew/viewform?usp=sf_link">Tipsa gärna här</a> eller bjud in [email protected] till eventet så kommer det in i allas kalendrar på momangen.</p>
</header>
</section>
</div>
<!-- Footer -->
<footer id="footer">
<section>
<h2>Varför?</h2>
<p>Den här kalendern finns för att jag saknade någonstans där allt som händer i vinsverige finns samlat. Jag fick nyhetsbreven men missade oftast att lägga in i kalendern. Så när jag borde anmält mig eller startat onlineprovningen hade jag glömt allt. Allt borde ligga i min kalender atomatiskt bara! Och nu gör det det. För dig alltså, för jag måste lägga in precis allt nu istället. Som en win-loose typ.</p>
</section>
<section>
<div style="width:100%;height:0;padding-bottom:56%;position:relative;"><iframe src="https://giphy.com/embed/l3q2wCnKRThy8ltxS" width="100%" height="100%" style="position:absolute" frameBorder="0" class="giphy-embed" allowFullScreen></iframe></div>
</section>
<p class="copyright">2020, <a href="https://www.ofog.net">Fredo Bobal</a></p>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>