This repository has been archived by the owner on Oct 19, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 127
/
page-countdown.php
142 lines (134 loc) · 6.56 KB
/
page-countdown.php
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
141
<head>
<link href="<?php echo get_template_directory_uri(); ?>/assets/css/pages/clock.css?v=1" rel="stylesheet">
<style>
.security-background {
background-color: #0082c9;
}
</style>
<meta itemprop="image" content="<?php echo get_template_directory_uri(); ?>/assets/img/headers/gears.jpg">
<meta name="twitter:image" content="<?php echo get_template_directory_uri(); ?>/assets/img/headers/gears.jpg">
<meta name="twitter:image:src" content="<?php echo get_template_directory_uri(); ?>/assets/img/headers/gears.jpg">
<meta property="og:image" content="<?php echo get_template_directory_uri(); ?>/assets/img/headers/gears.jpg">
<!--<meta itemprop="image" content="https://nextcloud.com/media/EC-Hackathon-Feature-Image.jpeg">
<meta name="twitter:image" content="https://nextcloud.com/media/EC-Hackathon-Feature-Image.jpeg">
<meta name="twitter:image:src" content="https://nextcloud.com/media/EC-Hackathon-Feature-Image.jpeg">
<meta property="og:image" content="https://nextcloud.com/media/EC-Hackathon-Feature-Image.jpeg">
<meta name=”Description” content="Nextcloud is the most secure private cloud solution - learn how it keeps your data safe!">-->
<!-- <meta http-equiv="refresh" content="60"> -->
</head>
<div class=" background security-background">
<div class="container">
<div class="col-md-6 topheader">
<h1>Nextcloud News</h1>
<h2>Live stream coming May 3- stay tuned!</h2>
<!-- <h1>Nextcloud 22 is here!</h2> -->
<!-- <h2>Re-watch our announcement below.</h2> -->
</div>
</div>
</div>
<section class="section--clock">
<div class="container">
<div class="clock">
<div class="text-center" id="countdown">
<div class="cd-box">
<p class="numbers days">00</p><br>
<p class="strings timeRefDays">Days</p>
</div>
<div class="cd-box">
<p class="numbers hours">00</p><br>
<p class="strings timeRefHours">Hours</p>
</div>
<div class="cd-box">
<p class="numbers minutes">00</p><br>
<p class="strings timeRefMinutes">Minutes</p>
</div>
<div class="cd-box">
<p class="numbers seconds">00</p><br>
<p class="strings timeRefSeconds">Seconds</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!--<section>
<div class="container">
<div class="row text-center">
<iframe width="100%" height="550" src="https://www.youtube-nocookie.com/embed/bjivOowRao4" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<p>Announcement video:</p>
<div style="padding:75% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/556069230?badge=0&autopause=0&dnt=1&player_id=0&app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;" title="Nextcloud 21 introduction video"></iframe></div>
<p>Live Q&A recording:</p>
<iframe width="100%" height="550" src="https://www.youtube-nocookie.com/embed/iMCza-AX3hg" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
</section>-->
<!--<div class="container">
<img class="img-responsive" src="https://nextcloud.com/media/EC-Hackathon-Feature-Image.jpeg">
</div>-->
<!--<section class="section--intro">
<div class="container">
<div class="row">
<div class="col-md-10 col-md-offset-1">
<p>Contribute to Nextcloud and compete for a prize from the EC: join the <a href="https://nextgov-hackathon.eu/">NextGov Hackathon</a>!
<p>Starting April 25th, Nextcloud and the European Commission’s <a href="https://ec.europa.eu/info/departments/informatics/open-source-strategy-history_en">Open Source Program</a> Office will be hosting a week long Hackathon with the mission to help build and protect Europe’s digital sovereignty.</p>
<div class="text-center">
<blockquote>Help build and protect Europe’s digital sovereignty!</blockquote>
</div>
</div>
</div>
</div>
</section>-->
<!--<section class="section--join">
<div class="container">
<div class="row">
<div class="col-md-10 col-md-offset-1">
<img src="https://nextcloud.com/media/Prizes.png" alt="" class="img-responsive" />
<p>For registration and more information on contest details and important dates, check out the <a class="hyperlink" href="https://nextgov-hackathon.eu">NextGov Hackathon</a> page!</p>
</div>
</div>
<div class="row">
<div class="text-center">
<a class="button button--blue" href="https://eventornado.com/event/nextgovhackathon#home">Join the Hackathon!</a>
</div>
</div>
</div>
</section>-->
<section class="section--join">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<p class="section--paragraph__tittle"><?php echo $l->t('Be a part of it!');?></p>
<p class="section--paragraph"><a class="hyperlink" href="https://youtu.be/ap8xt1Ds7_4"><?php echo $l->t('Join us at the live stream on our YouTube channel.');?></a></p>
<p class="section--paragraph"><?php echo $l->t('The virtual event starts on May 3rd at 1PM CET.');?></p>
</div>
</div>
<div class="row program">
<div class="col-md-8 col-md-offset-2">
<div class="table-responsive">
<table class="table table-hover">
<tbody>
<tr>
<th scope="row">13:00</th>
<td><span class="break">Start of presentation<br>
<small>On our YouTube channel.</small></span></td>
<td>The Nextcloud team</td>
</tr>
<tr>
<th scope="row">13:30-14:30</th>
<td>Live Q&A ask questions in the chat!
</td>
<td><span class="break">Frank Karlitschek<br>Jos Poortvliet</span></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="row">
<div class="col-md-8 col-md-offset-2">
<p>Can't make it? No worries, we'll publish the video and live stream later!</p>
</div>
</div>
</div>
</section>