-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
132 lines (132 loc) · 8.05 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Apollo | Library Management System</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="title" content="Apollo | Library Management System">
<meta name="description" content="Apollo is a modern library management system.">
<meta name="keywords" content="apollo,library,library management">
<meta name="robots" content="index, follow">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="language" content="English">
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@300;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="index.css" />
<link rel="icon" href="assets/favicon.ico" type="image/x-icon" />
</head>
<body>
<header>
<div class="header-top">
<div class="header-gradient-fill-1"></div>
<div class="header-gradient-fill-2"></div>
<div class="wrap-narrow">
<img src="/assets/logo.svg" alt="Apollo logo">
<div class="header-links">
<a class="block-link" href="https://github.com/apollo-library/apollo">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32.58 31.77"><defs><style>.cls-1{fill:#fff;fill-rule:evenodd;}</style></defs><g id="Layer_21" data-name="Layer 2"><g id="Layer_1-21" data-name="Layer 1"><path class="cls-1" d="M16.29,0a16.29,16.29,0,0,0-5.15,31.75c.82.15,1.11-.36,1.11-.79s0-1.41,0-2.77C7.7,29.18,6.74,26,6.74,26a4.36,4.36,0,0,0-1.81-2.39c-1.47-1,.12-1,.12-1a3.43,3.43,0,0,1,2.49,1.68,3.48,3.48,0,0,0,4.74,1.36,3.46,3.46,0,0,1,1-2.18c-3.62-.41-7.42-1.81-7.42-8a6.3,6.3,0,0,1,1.67-4.37,5.94,5.94,0,0,1,.16-4.31s1.37-.44,4.48,1.67a15.41,15.41,0,0,1,8.16,0c3.11-2.11,4.47-1.67,4.47-1.67A5.91,5.91,0,0,1,25,11.07a6.3,6.3,0,0,1,1.67,4.37c0,6.26-3.81,7.63-7.44,8a3.85,3.85,0,0,1,1.11,3c0,2.18,0,3.94,0,4.47s.29.94,1.12.78A16.29,16.29,0,0,0,16.29,0Z"/></g></g></svg>
Apollo
</a>
<a class="block-link" href="https://github.com/apollo-library/apollo-api">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32.58 31.77"><defs><style>.cls-1{fill:#fff;fill-rule:evenodd;}</style></defs><g id="Layer_22" data-name="Layer 2"><g id="Layer_1-22" data-name="Layer 1"><path class="cls-1" d="M16.29,0a16.29,16.29,0,0,0-5.15,31.75c.82.15,1.11-.36,1.11-.79s0-1.41,0-2.77C7.7,29.18,6.74,26,6.74,26a4.36,4.36,0,0,0-1.81-2.39c-1.47-1,.12-1,.12-1a3.43,3.43,0,0,1,2.49,1.68,3.48,3.48,0,0,0,4.74,1.36,3.46,3.46,0,0,1,1-2.18c-3.62-.41-7.42-1.81-7.42-8a6.3,6.3,0,0,1,1.67-4.37,5.94,5.94,0,0,1,.16-4.31s1.37-.44,4.48,1.67a15.41,15.41,0,0,1,8.16,0c3.11-2.11,4.47-1.67,4.47-1.67A5.91,5.91,0,0,1,25,11.07a6.3,6.3,0,0,1,1.67,4.37c0,6.26-3.81,7.63-7.44,8a3.85,3.85,0,0,1,1.11,3c0,2.18,0,3.94,0,4.47s.29.94,1.12.78A16.29,16.29,0,0,0,16.29,0Z"/></g></g></svg>
API
</a>
</div>
</div>
</div>
<div class="header-bottom">
<div class="wrap">
<div class="header-highlight">
<h3>Modern</h3>
<p>
Apollo uses the latest and greatest JavaScript technologies to create a sleek, modern web application. The blazing fast, responsive system is built on a sturdy MERN stack, with a flexible and transparent REST API to help you manage a dependable, ACID compliant noSQL database.
</p>
</div>
<div class="header-highlight">
<h3>Robust</h3>
<p>
Apollo's powerful cross-platform API provides the tools for easy and accessible management of the database from any system. All transactions are executed using a replica set for redundancy and high availability, eliminating database errors and corruption, for a system you can rely on.
</p>
</div>
<div class="header-highlight">
<h3>Scalable</h3>
<p>
The client-server model allows for distributed systems to syncrhonise their databases for a seamless library experience. Additionally, the server can be configured with MongoDB's native sharding to support larger workloads, so you never have to worry about downtime, wherever you are.
</p>
</div>
</div>
</div>
</header>
<div class="main">
<div class="main-gradient-fill-1"></div>
<div class="main-gradient-fill-2"></div>
<div class="wrap">
<div class="main-highlight main-highlight-left">
<div class="main-text">
<h3>Rich Tagging</h3>
<p>
Create, edit, and delete tags in seconds, to make finding and organising books that much easier.
</p>
</div>
<div class="main-img">
<video autoplay loop muted playsinline alt="Tags showcase">
<source src="/assets/tags.webm" type="video/webm">
<source src="/assets/tags.mp4" type="video/mp4">
</video>
</div>
</div>
<div class="main-highlight main-highlight-right">
<div class="main-text">
<h3>Simple Scanning</h3>
<p>
Apollo works with off-the-shelf barcode scanners for a seamless experience — simply scan the book and set a due date, no need to worry about the nitty-gritty.
</p>
</div>
<div class="main-img">
<video autoplay loop muted playsinline alt="Tags showcase">
<source src="/assets/scan.webm" type="video/webm">
<source src="/assets/scan.mp4" type="video/mp4">
</video>
</div>
</div>
<div class="main-highlight main-highlight-left">
<div class="main-text">
<h3>Easy Book Management</h3>
<p>
Book and loan info is only a click away. Apollo makes changing book details, viewing loan and user info, and categorising with tags straightforward, so you can focus on the books without worrying about the software.
</p>
</div>
<div class="main-img">
<video autoplay loop muted playsinline alt="Tags showcase">
<source src="/assets/books.webm" type="video/webm">
<source src="/assets/books.mp4" type="video/mp4">
</video>
</div>
</div>
</div>
</div>
<footer>
<div class="wrap-narrow">
<div class="footer-logo">
<img src="assets/logo.svg" alt="Apollo logo">
</div>
<div class="footer-links">
<a class="block-link" href="https://github.com/apollo-library/apollo">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32.58 31.77"><defs><style>.cls-1{fill:#fff;fill-rule:evenodd;}</style></defs><g id="Layer_23" data-name="Layer 2"><g id="Layer_1-23" data-name="Layer 1"><path class="cls-1" d="M16.29,0a16.29,16.29,0,0,0-5.15,31.75c.82.15,1.11-.36,1.11-.79s0-1.41,0-2.77C7.7,29.18,6.74,26,6.74,26a4.36,4.36,0,0,0-1.81-2.39c-1.47-1,.12-1,.12-1a3.43,3.43,0,0,1,2.49,1.68,3.48,3.48,0,0,0,4.74,1.36,3.46,3.46,0,0,1,1-2.18c-3.62-.41-7.42-1.81-7.42-8a6.3,6.3,0,0,1,1.67-4.37,5.94,5.94,0,0,1,.16-4.31s1.37-.44,4.48,1.67a15.41,15.41,0,0,1,8.16,0c3.11-2.11,4.47-1.67,4.47-1.67A5.91,5.91,0,0,1,25,11.07a6.3,6.3,0,0,1,1.67,4.37c0,6.26-3.81,7.63-7.44,8a3.85,3.85,0,0,1,1.11,3c0,2.18,0,3.94,0,4.47s.29.94,1.12.78A16.29,16.29,0,0,0,16.29,0Z"/></g></g></svg> Apollo
</a>
<a class="block-link" href="https://github.com/apollo-library/apollo-api"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32.58 31.77"><defs><style>.cls-1{fill:#fff;fill-rule:evenodd;}</style></defs><g id="Layer_24" data-name="Layer 2"><g id="Layer_1-24" data-name="Layer 1"><path class="cls-1" d="M16.29,0a16.29,16.29,0,0,0-5.15,31.75c.82.15,1.11-.36,1.11-.79s0-1.41,0-2.77C7.7,29.18,6.74,26,6.74,26a4.36,4.36,0,0,0-1.81-2.39c-1.47-1,.12-1,.12-1a3.43,3.43,0,0,1,2.49,1.68,3.48,3.48,0,0,0,4.74,1.36,3.46,3.46,0,0,1,1-2.18c-3.62-.41-7.42-1.81-7.42-8a6.3,6.3,0,0,1,1.67-4.37,5.94,5.94,0,0,1,.16-4.31s1.37-.44,4.48,1.67a15.41,15.41,0,0,1,8.16,0c3.11-2.11,4.47-1.67,4.47-1.67A5.91,5.91,0,0,1,25,11.07a6.3,6.3,0,0,1,1.67,4.37c0,6.26-3.81,7.63-7.44,8a3.85,3.85,0,0,1,1.11,3c0,2.18,0,3.94,0,4.47s.29.94,1.12.78A16.29,16.29,0,0,0,16.29,0Z"/></g></g></svg> API
</a>
</div>
<div class="footer-contributors">
<div class="footer-contributors-info">
<p>Made with <span class="footer-contributors-accent"><3</span> by</p>
</div>
<div class="footer-contributors-list">
<a href="https://henryefranks.github.io"><p>Henry Franks</p></a>
<a href="https://www.github.com/maxobrien"><p>Max O'Brien</p></a>
<a href="https://www.cameronrobey.co.uk"><p>Cameron Robey</p></a>
</div>
</div>
</div>
</footer>
</body>
</html>