-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
81 lines (81 loc) · 3.68 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
<!DOCTYPE html>
<html>
<head>
<title>Event Scheduling</title>
<meta charset="UTF-8">
<meta name="description" content="is a web-based software for organizing envelopes, conferences, fests, expos and other events. You can schedule an event by dividing it into days, zones and events.">
<meta name="keywords" content="">
<meta name='viewport' content='width=device-width, initial-scale=1'/>
<meta name="author" content="Kirill Live">
<style>
*{
font-family:sans-serif;
line-height: 24px;
color:#fff;
border-collapse:collapse;
border:none;
margin:0;
padding:0;
border-spacing:0px;
outline:none;
text-decoration:none;
overscroll-behavior: none;
box-sizing: border-box;
}
body{
background-image: linear-gradient(320deg,rgba(139,52,206,0) 40%,rgba(139,52,206,1) 100%),linear-gradient(70deg,#4a54b3 16%,#b7a9f2 90%);
width: minmax(max-content, 100%);
min-height: 100vh;background-attachment: fixed;
}
.button{
padding:8px 16px 6px 16px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 8px;
border:2px solid #fff;
width:max-content;
cursor:pointer;
user-select:none;
}
.button:hover{
background-color:#fff;
color:#4a54b3;
}
.box{
margin:64px auto 64px auto;
width:100%;
max-width:640px;
background-color:rgba(255,255,255,0.2);
border-radius: 12px;
border-top:1px solid rgba(255,255,255,0.5);
border-bottom:1px solid rgba(0,0,0,0.4);
box-shadow: 0px 4px 14px rgba(48,55,108,0.1);
}
</style>
</head>
<body>
<div style="margin:16px auto -32px auto;width:max-content;">
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="auto" viewBox="0 0 680 680">
<path fill="#fff" d="M659.1,435.1L563,531.3,370.6,339,563,146.6l96.1,96.1L563,339ZM244.8,215L341,118.8,437.1,215,341,311.1ZM117,531.3L20.8,435.1,117,339,20.8,242.8,117,146.6,309.3,339ZM437.1,465L341,561.1,244.8,465,341,368.8Z"/>
</svg>
</div>
<div style="color:#fff;font-family:Impact;font-size:32px;margin:0px auto;width:max-content">Event Scheduling</div>
<div class="box">
<div style="display:grid; grid-template-columns:100%;width:100%;padding:8px;">
<div style="width:100%;display:flex;justify-content:center;align-items:start;padding:8px;">
<!-- <a href='Event Horizons.html' target='_blank'><img style="width:100%;height:100%;object-fit: cover;border-radius:6px;" src='img/361066140-eb10abd9-87d5-4c5e-8767-a70e67da8b47.png'></a>-->
</div>
<div style="width:100%;display:block;padding:14px;">
<p style="color:#fff;"><b>Event Scheduling</b> web-based software for organizing envelopes, conferences, fest, expos and other events. You can schedule an event by dividing it into days, zones and events. Using the drag and drop interface, you can easily change the time, location, and duration of an event. Automatic sorting and time correction will allow you to easily distribute many events.</p><br>
<p style="color:#fff;">The event schedule can be run in a browser and does not require installation of additional software and registration, the schedule is saved in JSON format, which allows you to use the data in other software. All data is processed and stored only on your device.</p>
<div style="display:grid; justify-items:center;align-items:center; grid-template-columns:50% 50%;width:100%;margin:0 auto;">
<a href='Event Horizons.html' target='_blank'><div class="button" style="margin:32px auto 0px auto;">Play online</div></a>
<a href='https://github.com/Kirilllive/Event_Scheduling' target='_blank'><div class="button" style="margin:32px auto 0px auto;">GitHub</div></a>
</div>
</div>
</div>
</div>
</div>
</body>
</html>