/
index.html
184 lines (175 loc) · 12.1 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
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="Импорт расписания в ics файл для загрузки в Google Календарь">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
<title>Импорт расписания</title>
<!-- Add to homescreen for Chrome on Android -->
<meta name="mobile-web-app-capable" content="yes">
<link rel="icon" sizes="192x192" href="images/android-desktop.png">
<!-- Add to homescreen for Safari on iOS -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="Material Design Lite">
<link rel="apple-touch-icon-precomposed" href="images/ios-desktop.png">
<!-- Tile icon for Win8 (144x144 + tile color) -->
<meta name="msapplication-TileImage" content="images/touch/ms-touch-icon-144x144-precomposed.png">
<meta name="msapplication-TileColor" content="#3372DF">
<link rel="shortcut icon" href="images/favicon.png">
<!-- SEO: If your mobile URL is different from the desktop URL, add a canonical link to the desktop page https://developers.google.com/webmasters/smartphone-sites/feature-phones -->
<!--
<link rel="canonical" href="http://www.example.com/">
-->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&lang=en">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="https://code.getmdl.io/1.1.3/material.deep_purple-pink.min.css">
<link rel="stylesheet" href="build/main.min.css">
<style>
#view-source {
position: fixed;
display: block;
right: 0;
bottom: 0;
margin-right: 40px;
margin-bottom: 40px;
z-index: 900;
}
</style>
</head>
<body class="mdl-demo mdl-color--grey-100 mdl-color-text--grey-700 mdl-base">
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
<header class="mdl-layout__header mdl-layout__header--scroll mdl-color--primary">
<div class="mdl-layout--large-screen-only mdl-layout__header-row">
<h3>Импорт расписания в Google Календарь</h3>
<a style="margin-left: auto;" href="https://github.com/alexandr-bbm/schedule-to-ics"><img src="./images/GitHub-Mark-32px.png"></a>
</div>
<div class="mdl-layout__tab-bar mdl-js-ripple-effect mdl-color--primary-dark">
<a href="#download" class="mdl-layout__tab is-active">Получить расписание</a>
<a href="#how-to-import" class="mdl-layout__tab">Как импортировать?</a>
<a href="#overview" class="mdl-layout__tab">О сервисе</a>
<!--<a href="#contirbute" class="mdl-layout__tab">Внести вклад</a>-->
</div>
</header>
<main class="mdl-layout__content">
<div class="mdl-layout__tab-panel is-active" id="download">
<section class="section--center mdl-grid mdl-grid--no-spacing mdl-shadow--2dp">
<div class="mdl-card mdl-cell mdl-cell--12-col">
<div class="mdl-card__supporting-text">
<div>
<h4>Скачать файл с расписанием</h4>
</div>
<div class="mdl-grid">
<div class="mdl-layout-spacer"></div>
<form action="#" class="get-ics-form mdl-cell--6-col">
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label getmdl-select">
<input class="mdl-textfield__input" value="ТПУ" type="text" id="country" name="university" readonly tabIndex="-1" />
<label class="mdl-textfield__label" for="country">Выберите расписание</label>
<ul class="mdl-menu mdl-menu--bottom-left mdl-js-menu" for="country">
<li class="mdl-menu__item">ТПУ</li>
<li class="mdl-menu__item">ТГУ</li>
</ul>
</div>
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
<input class="mdl-textfield__input" type="text" id="sample3" name="url">
<label class="mdl-textfield__label" for="sample3">Введите URL расписания</label>
</div>
<button class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect
j-download-btn" id="tt4">Скачать</button>
<div style="margin-top: 15px">Внимание! Подгруппы в генерируемый файл не импортируются.</div>
<div style="margin-top: 15px">Сервис рекомендуется использовать в браузере Chrome последней версии.</div>
<label class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect"
style="margin-top: 15px" for="reverseWeek">
<input type="checkbox" id="reverseWeek" class="mdl-checkbox__input">
<span class="mdl-checkbox__label">Поменять недели местами</span>
</label>
</form>
<div class="mdl-layout-spacer"></div>
</div>
</div>
<div class="mdl-card__actions mdl-card--border">
<a href="mailto:alexandr.bbm@gmail.com" class="author-link">Вопросы?</a>
</div>
</div>
</section>
</div>
<div class="mdl-layout__tab-panel" id="overview">
<section class="section--center mdl-grid mdl-grid--no-spacing mdl-shadow--2dp">
<div class="mdl-card mdl-cell mdl-cell--12-col">
<div class="mdl-card__supporting-text mdl-grid mdl-grid--no-spacing">
<h4 class="mdl-cell mdl-cell--12-col">Для чего предназначен сервис?</h4>
<div class="section__circle-container mdl-cell mdl-cell--2-col mdl-cell--1-col-phone text-center">
<img src="./images/google-calendar-logo.png" class="section__circle-container__circle" />
</div>
<div class="section__text mdl-cell mdl-cell--10-col-desktop mdl-cell--6-col-tablet mdl-cell--3-col-phone">
<h4>Для эффективного тайм-менеджмента мы стремимся объединить все задачи в одном месте.</h4>
</div>
<div class="section__circle-container mdl-cell mdl-cell--2-col mdl-cell--1-col-phone text-center">
<img src="./images/tpu-logo.jpg" class="section__circle-container__circle" />
</div>
<div class="section__text mdl-cell mdl-cell--10-col-desktop mdl-cell--6-col-tablet mdl-cell--3-col-phone">
<h4>Добавлять расписание в Google Календарь вручную неудобно и долго.</h4>
</div>
<div class="section__circle-container mdl-cell mdl-cell--2-col mdl-cell--1-col-phone text-center">
<img src="./images/done-image.png" class="section__circle-container__circle" />
</div>
<div class="section__text mdl-cell mdl-cell--10-col-desktop mdl-cell--6-col-tablet mdl-cell--3-col-phone">
<h4>Загрузите файл для автоматического импорта расписания в ваш Google Календарь</h4>
</div>
</div>
</div>
</section>
</div>
<div class="mdl-layout__tab-panel" id="how-to-import">
<section class="section--center mdl-grid mdl-grid--no-spacing mdl-shadow--2dp">
<div class="mdl-card mdl-cell mdl-cell--12-col">
<div class="mdl-card__supporting-text mdl-grid mdl-grid--no-spacing">
<h4 class="mdl-cell mdl-cell--12-col">Как импортировать скачанный файл в Google Календарь?</h4>
<h4 style="font-weight: 600">Видео</h4>
<iframe style="margin-top: 15px" height="400" src="https://www.youtube.com/embed/KAge9cOi9hM" frameborder="0" allowfullscreen></iframe>
<h4 style="font-weight: 600; width: 100%; margin-top: 15px;">Текстовое описание</h4>
<h4>1. Создайте отдельный календарь</h4>
<img class="guide-img" src="./images/guide/1.jpg" alt="">
<img class="guide-img" src="./images/guide/2.jpg" alt="">
<h4>2. Кликните "Другие календари" -> "Импортировать календарь"</h4>
<img class="guide-img" src="./images/guide/3.jpg" alt="">
<h4>3. В появившемся окне загрузите скачанный файл расписания и выберете календарь, который был создан на шаге 1.</h4>
<img class="guide-img" src="./images/guide/4.jpg" alt="">
<h4>4. Нажмите кнопку "Импортировать"</h4>
<img class="guide-img" src="./images/guide/5.jpg" alt="">
</div>
</div>
</section>
</div>
<div class="mdl-layout__tab-panel" id="contirbute">
<section class="section--center mdl-grid mdl-grid--no-spacing mdl-shadow--2dp">
<header
class="section__play-btn mdl-cell mdl-cell--3-col-desktop mdl-cell--2-col-tablet mdl-cell--4-col-phone mdl-color--teal-100 mdl-color-text--white">
<i class="material-icons">play_circle_filled</i>
</header>
<div class="mdl-card mdl-cell mdl-cell--9-col-desktop mdl-cell--6-col-tablet mdl-cell--4-col-phone">
<div class="mdl-card__supporting-text">
<h4>Добавить расписание для своего ВУЗа</h4>
Dolore ex deserunt aute fugiat aute nulla ea sunt aliqua nisi cupidatat eu. Nostrud in laboris labore nisi amet do dolor eu fugiat consectetur elit cillum esse.
</div>
<div class="mdl-card__actions">
<a href="#" class="mdl-button ics-download-btn">Скачать расписание</a>
</div>
</div>
<ul class="mdl-menu mdl-js-menu mdl-menu--bottom-right" for="btn1">
<li class="mdl-menu__item">Lorem</li>
<li class="mdl-menu__item" disabled>Ipsum</li>
<li class="mdl-menu__item">Dolor</li>
</ul>
</section>
</div>
</main>
</div>
<div id="demo-snackbar-example" class="mdl-js-snackbar mdl-snackbar">
<div class="mdl-snackbar__text"></div>
<button class="mdl-snackbar__action" type="button"></button>
</div>
<script src="build/main.min.js" charset="UTF-8"></script>
</body>
</html>