-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex_template.html
81 lines (81 loc) · 6.81 KB
/
index_template.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>BitLike Template</title>
<link href="./assets/css/style.css" rel="stylesheet"/>
<link href="./assets/css/tailwind.min.css" rel="stylesheet"/>
</head>
<body>
<section class="flex">
<!-- Left Sidebar -->
<div class="h-screen left-sidebar fixed" style="z-index: -2">
<div class="flex">
<!-- Thin Menu -->
<div class="w-1/5 h-screen">
<!-- SLiMS Logo -->
<svg class="fill-current text-white h-10 w-10 mx-auto mt-5 hover:bg-blue-500 p-1 ml-2 rounded-full cursor-pointer fixed top-0" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 118.4 135" style="enable-background:new 0 0 118.4 135;" xml:space="preserve">
<path d="M118.3,98.3l0-62.3l0-0.2c-0.1-1.6-1-3-2.3-3.9c-0.1,0-0.1-0.1-0.2-0.1L61.9,0.8c-1.7-1-3.9-1-5.4-0.1l-54,31.1
l-0.4,0.2C0.9,33,0.1,34.4,0,36c0,0.1,0,0.2,0,0.3l0,62.4l0,0.3c0.1,1.6,1,3,2.3,3.9c0.1,0.1,0.2,0.1,0.2,0.2l53.9,31.1l0.3,0.2
c0.8,0.4,1.6,0.6,2.4,0.6c0.8,0,1.5-0.2,2.2-0.5l53.9-31.1c0.3-0.1,0.6-0.3,0.9-0.5c1.2-0.9,2-2.3,2.1-3.7c0-0.1,0-0.3,0-0.4
C118.4,98.6,118.3,98.5,118.3,98.3z M114.4,98.8c0,0.3-0.2,0.7-0.5,0.9c-0.1,0.1-0.2,0.1-0.2,0.1l-20.6,11.9L59.2,92.1l-33.9,19.6
L4.6,99.7l0,0l0,0C4.2,99.5,4,99.2,4,98.8l0-62.5l0,0l0-0.1c0-0.4,0.2-0.7,0.5-0.9l20.8-12l33.9,19.6l33.9-19.6l20.6,11.9l0.1,0
c0.3,0.2,0.5,0.5,0.6,0.9l0,62.3L114.4,98.8L114.4,98.8z M95.3,68.6v39.4L23.1,66.4V26.9L95.3,68.6z"></path>
</svg>
<!-- Menu Search -->
<svg onclick="openMenu()" width="30" height="30" viewBox="0 0 24 24" focusable="false" role="presentation" class="ml-3 mt-20 text-white fixed top-0 mx-auto mt-5 hover:bg-blue-500 p-1 rounded-full cursor-pointer">
<path d="M16.436 15.085l3.94 4.01a1 1 0 0 1-1.425 1.402l-3.938-4.006a7.5 7.5 0 1 1 1.423-1.406zM10.5 16a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11z" fill="currentColor" fill-rule="evenodd"></path>
</svg>
<!-- Add Action For Super Admin -->
<svg onclick="openMenu()" xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="fixed ml-3 text-white mx-auto block mt-28 hover:bg-blue-500 rounded-full cursor-pointer" viewBox="0 0 16 16">
<path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z"/>
</svg>
<!-- Global Menu -->
<svg onclick="openMenu()" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="h-10 w-10 p-2 rounded-full text-white fixed bottom-0 ml-2 mb-20 hover:bg-blue-500 cursor-pointer" viewBox="0 0 16 16">
<path d="M1 2a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V2zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V2zM1 7a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V7zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V7zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V7zM1 12a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-2zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1v-2zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-2z"/>
</svg>
<!-- User -->
<img onclick="openMenu()" src="./assets/images/person.png" class="h-10 w-10 fixed bottom-0 ml-2 mb-8 rounded-full hover:bg-blue-500 p-1 cursor-pointer"/>
</div>
<!-- Big Menu -->
<div class="w-4/5 h-screen px-4 mt-6">
<!-- Label -->
<h1 class="text-white font-bold text-2xl ">SLiMS</h1>
<!-- Menu -->
<ul class="text-white mt-6 pb-32 h-screen overflow-y-auto">
<li class="block">
<a class="text-base font-semibold p-2 hover:bg-blue-500 w-48 block cursor-pointer">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="text-white inline-block ml-2" viewBox="0 0 16 16">
<path d="M.54 3.87L.5 3a2 2 0 0 1 2-2h3.672a2 2 0 0 1 1.414.586l.828.828A2 2 0 0 0 9.828 3h3.982a2 2 0 0 1 1.992 2.181l-.637 7A2 2 0 0 1 13.174 14H2.826a2 2 0 0 1-1.991-1.819l-.637-7a1.99 1.99 0 0 1 .342-1.31zM2.19 4a1 1 0 0 0-.996 1.09l.637 7a1 1 0 0 0 .995.91h10.348a1 1 0 0 0 .995-.91l.637-7A1 1 0 0 0 13.81 4H2.19zm4.69-1.707A1 1 0 0 0 6.172 2H2.5a1 1 0 0 0-1 .981l.006.139C1.72 3.042 1.95 3 2.19 3h5.396l-.707-.707z"/>
</svg>
Bibliography
</a>
</li>
</ul>
</div>
</div>
</div>
<!-- Content Area -->
<div class="right-content h-12 bg-gray-200 p-3" style="z-index: -2;">
<h1>Harno</h1>
</div>
<!-- Hidden Sidebar -->
<div class="w-full menuHide h-screen absolute hidden">
<div class="flex">
<div class="bg-white menuHideContent h-screen p-5 fixed">
<div class="menuHideContentInner hidden w-1/5 inline-block cursor-pointer">
<svg onclick="hideMenu()" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="block mx-auto h-10 w-10 p-2 rounded-full hover:bg-gray-200" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z"/>
</svg>
</div>
<div class="menuHideContentInner hidden w-4/78 inline-block absolute mt-2 ml-3">
<h1 class="font-bold text-lg">Content</h1>
</div>
</div>
<div class="menuHideContentBlur h-screen" style="z-index: -1; opacity: 0.5; background: rgba(9, 30, 66, 0.54); transition: opacity 220ms ease 0s;"></div>
</div>
</div>
</section>
<!-- Application Javascript -->
<script type="text/javascript" src="./assets/js/app.js"></script>
</body>
</html>