remove trash
This commit is contained in:
parent
e49dac8e98
commit
93e663bd20
|
@ -1 +0,0 @@
|
|||
editorconfig-checker==2.4.0
|
|
@ -1,5 +1,5 @@
|
|||
/* SITE */
|
||||
Last Updated: Fri Apr 09 13:13 AM MSK 2022
|
||||
Last Updated: Mon May 02 00:01 AM MSK 2022
|
||||
Components: Nil
|
||||
|
||||
/* TEAM */
|
||||
|
|
Binary file not shown.
Before Width: | Height: | Size: 8.1 KiB |
Binary file not shown.
Before Width: | Height: | Size: 4.1 KiB |
Binary file not shown.
Before Width: | Height: | Size: 8.4 KiB |
159
src/index.html
159
src/index.html
|
@ -1,159 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" dir="ltr">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Personal collaboratory portal</title>
|
||||
<style type="text/css">
|
||||
:root {
|
||||
--border-width: 8px;
|
||||
}
|
||||
body {
|
||||
background-color: #DEDEE5;
|
||||
font-family: serif;
|
||||
line-height: 1.4em;
|
||||
font-size: 1.2em;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
header {
|
||||
background-color: #434A53;
|
||||
padding: 32px 8px;
|
||||
}
|
||||
|
||||
.hero-title {
|
||||
color: #ffffff;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
font-size: 2.2em;
|
||||
}
|
||||
|
||||
.section-title { text-align: center; }
|
||||
|
||||
.features {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
}
|
||||
|
||||
.feature-item {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.feature-item-content { text-align: center; }
|
||||
|
||||
.feature-item-image {
|
||||
max-width: 200px;
|
||||
}
|
||||
|
||||
.invite-form {
|
||||
text-align: center;
|
||||
width: 500px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.invite-form input,
|
||||
.invite-form button {
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
display: block;
|
||||
border-width: 0;
|
||||
border-color: #434A53;
|
||||
border-style: solid;
|
||||
padding: 16px;
|
||||
border-left-width: var(--border-width);
|
||||
border-right-width: var(--border-width);
|
||||
outline: 0;
|
||||
font-family: serif;
|
||||
font-size: 1em;
|
||||
}
|
||||
.invite-form input {
|
||||
border-top-left-radius: 16px;
|
||||
border-top-right-radius: 16px;
|
||||
border-top-width: var(--border-width);
|
||||
text-align: center;
|
||||
}
|
||||
.invite-form button {
|
||||
background-color: #FF9CBE;
|
||||
border-bottom-left-radius: 16px;
|
||||
border-bottom-right-radius: 16px;
|
||||
border-bottom-width: var(--border-width);
|
||||
transition: background-color .2s;
|
||||
}
|
||||
.invite-form button:hover {
|
||||
background-color: #FF669B;
|
||||
transition: background-color .2s;
|
||||
}
|
||||
|
||||
footer {
|
||||
color: #ffffff;
|
||||
margin-top: 32px;
|
||||
background-color: #434A53;
|
||||
padding: 8px;
|
||||
text-align: center;
|
||||
}
|
||||
footer a {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1023px) {
|
||||
:root {
|
||||
--border-width: 4px;
|
||||
}
|
||||
.feature-item-image {
|
||||
max-width: 100px;
|
||||
}
|
||||
.invite-form {
|
||||
width: 90%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header class="main-header">
|
||||
<h1 class="hero-title">Personal collaboratory portal</h1>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<section>
|
||||
<h1></h1>
|
||||
</section>
|
||||
<section id="features">
|
||||
<h1 class="section-title">Features</h1>
|
||||
<div class="features">
|
||||
<div class="feature-item">
|
||||
<img class="feature-item-image" src="/img/box-256.png">
|
||||
<p class="feature-item-content">All-in-One</p>
|
||||
</div>
|
||||
<div class="feature-item">
|
||||
<img class="feature-item-image" src="/img/news-256.png">
|
||||
<p class="feature-item-content">Full document access</p>
|
||||
</div>
|
||||
<div class="feature-item">
|
||||
<img class="feature-item-image" src="/img/user-256.png">
|
||||
<p class="feature-item-content">24/7 Support</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section id="try-it">
|
||||
<h1 class="section-title">Try it</h1>
|
||||
<div class="invite-form">
|
||||
<input type="text" id="email" name="email" placeholder="Enter your e-mail">
|
||||
<button onclick="invite();">Invite me!</button>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="main-footer">
|
||||
<p>
|
||||
Icons by <a target="_blank" href="https://icons8.com">Icons8</a>
|
||||
</p>
|
||||
</footer>
|
||||
|
||||
<script type="text/javascript">
|
||||
function invite() {
|
||||
'use strict';
|
||||
|
||||
let email = document.getElementById('email').value;
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
Reference in New Issue