2019-11-17 02:27:32 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
2019-12-11 17:10:27 +00:00
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8" />
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
|
|
|
|
<title>Gitfolio UI</title>
|
|
|
|
|
<link
|
|
|
|
|
rel="stylesheet"
|
|
|
|
|
href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css"
|
|
|
|
|
/>
|
|
|
|
|
<link
|
|
|
|
|
rel="stylesheet"
|
|
|
|
|
href="https://use.fontawesome.com/releases/v5.7.1/css/all.css"
|
|
|
|
|
integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr"
|
|
|
|
|
crossorigin="anonymous"
|
|
|
|
|
/>
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="./css/index.css" />
|
|
|
|
|
<link
|
|
|
|
|
rel="stylesheet"
|
|
|
|
|
href="https://cdn.jsdelivr.net/gh/zeva-ui/zeva/dist/css/zeva.min.css"
|
|
|
|
|
/>
|
|
|
|
|
</head>
|
2019-11-17 02:27:32 +00:00
|
|
|
|
2019-12-11 17:10:27 +00:00
|
|
|
<body class="body-light">
|
|
|
|
|
<header>
|
|
|
|
|
<b>gitfolio</b>
|
|
|
|
|
<a href="/update" style="float: right">Update</a>
|
|
|
|
|
<a href="/" style="float: right">Home</a>
|
|
|
|
|
</header>
|
|
|
|
|
<form method="post" action="build">
|
|
|
|
|
<h3>Build or Edit Portfolio</h3>
|
|
|
|
|
<input
|
|
|
|
|
type="text"
|
|
|
|
|
class="input h-weight-bold"
|
|
|
|
|
placeholder="username"
|
|
|
|
|
id="username"
|
|
|
|
|
name="username"
|
|
|
|
|
required
|
|
|
|
|
/>
|
|
|
|
|
<br />
|
|
|
|
|
<input
|
|
|
|
|
type="text"
|
|
|
|
|
class="input h-weight-bold"
|
|
|
|
|
placeholder="background"
|
|
|
|
|
name="background"
|
|
|
|
|
id="background"
|
|
|
|
|
/>
|
|
|
|
|
<h3>Sort By :</h3>
|
|
|
|
|
<label class="label">
|
|
|
|
|
Star
|
|
|
|
|
<input type="radio" name="sort" value="star" />
|
|
|
|
|
<span class="radio"></span>
|
|
|
|
|
</label>
|
2019-11-17 02:27:32 +00:00
|
|
|
|
2019-12-11 17:10:27 +00:00
|
|
|
<label class="label">
|
|
|
|
|
Created
|
|
|
|
|
<input type="radio" name="sort" value="created" checked />
|
|
|
|
|
<span class="radio"></span>
|
|
|
|
|
</label>
|
2019-11-17 02:27:32 +00:00
|
|
|
|
2019-12-11 17:10:27 +00:00
|
|
|
<label class="label">
|
|
|
|
|
Updated
|
|
|
|
|
<input type="radio" name="sort" value="updated" />
|
|
|
|
|
<span class="radio"></span>
|
|
|
|
|
</label>
|
2019-11-17 02:27:32 +00:00
|
|
|
|
2019-12-11 17:10:27 +00:00
|
|
|
<label class="label">
|
|
|
|
|
Pushed
|
|
|
|
|
<input type="radio" name="sort" value="pushed" />
|
|
|
|
|
<span class="radio"></span>
|
|
|
|
|
</label>
|
2019-11-17 02:27:32 +00:00
|
|
|
|
2019-12-11 17:10:27 +00:00
|
|
|
<label class="label">
|
|
|
|
|
Full Name
|
|
|
|
|
<input type="radio" name="sort" value="full_name" />
|
|
|
|
|
<span class="radio"></span>
|
|
|
|
|
</label>
|
2019-12-07 16:18:12 +00:00
|
|
|
|
2019-12-11 17:10:27 +00:00
|
|
|
<h3>Order By :</h3>
|
|
|
|
|
<label class="label">
|
|
|
|
|
Asc
|
|
|
|
|
<input type="radio" name="order" value="asc" checked />
|
|
|
|
|
<span class="radio"></span>
|
|
|
|
|
</label>
|
|
|
|
|
<label class="label">
|
|
|
|
|
Desc
|
|
|
|
|
<input type="radio" name="order" value="desc" />
|
|
|
|
|
<span class="radio"></span>
|
|
|
|
|
</label>
|
|
|
|
|
<br />
|
|
|
|
|
<br />
|
|
|
|
|
<label class="label">
|
|
|
|
|
Use Dark Theme
|
|
|
|
|
<input type="checkbox" id="theme" name="theme" />
|
|
|
|
|
<span class="checkbox"></span>
|
|
|
|
|
</label>
|
|
|
|
|
<label class="label">
|
|
|
|
|
Include Forks
|
|
|
|
|
<input type="checkbox" id="fork" name="fork" value="true" />
|
|
|
|
|
<span class="checkbox"></span>
|
|
|
|
|
</label>
|
|
|
|
|
<label class="label">
|
|
|
|
|
Include Socials
|
|
|
|
|
<input type="checkbox" id="socials" name="socials" />
|
|
|
|
|
<span class="checkbox"></span>
|
|
|
|
|
</label>
|
|
|
|
|
<div style="display: none" id="input_for_socials">
|
|
|
|
|
<input
|
|
|
|
|
type="text"
|
|
|
|
|
class="input h-weight-bold"
|
|
|
|
|
placeholder="codepen username"
|
|
|
|
|
id="codepen"
|
|
|
|
|
name="codepen"
|
|
|
|
|
/>
|
|
|
|
|
<br />
|
|
|
|
|
<input
|
|
|
|
|
type="text"
|
|
|
|
|
class="input h-weight-bold"
|
|
|
|
|
placeholder="dev username"
|
|
|
|
|
id="dev"
|
|
|
|
|
name="dev"
|
|
|
|
|
/>
|
|
|
|
|
<br />
|
|
|
|
|
<input
|
|
|
|
|
type="text"
|
|
|
|
|
class="input h-weight-bold"
|
|
|
|
|
placeholder="dribbble username"
|
|
|
|
|
id="dribbble"
|
|
|
|
|
name="dribbble"
|
|
|
|
|
/>
|
|
|
|
|
<br />
|
|
|
|
|
<input
|
|
|
|
|
type="text"
|
|
|
|
|
class="input h-weight-bold"
|
|
|
|
|
placeholder="email address"
|
|
|
|
|
id="email"
|
|
|
|
|
name="email"
|
|
|
|
|
/>
|
|
|
|
|
<br />
|
|
|
|
|
<input
|
|
|
|
|
type="text"
|
|
|
|
|
class="input h-weight-bold"
|
|
|
|
|
placeholder="instagram username"
|
|
|
|
|
id="instagram"
|
|
|
|
|
name="instagram"
|
|
|
|
|
/>
|
2019-12-14 16:16:09 +00:00
|
|
|
<br />
|
2019-12-15 13:15:08 +00:00
|
|
|
<input
|
|
|
|
|
type="text"
|
|
|
|
|
class="input h-weight-bold"
|
|
|
|
|
placeholder="reddit username"
|
|
|
|
|
id="reddit"
|
|
|
|
|
name="reddit"
|
|
|
|
|
/>
|
|
|
|
|
<br />
|
2019-12-14 16:16:09 +00:00
|
|
|
<input type="text"
|
|
|
|
|
class="input h-weight-bold"
|
|
|
|
|
placeholder="telegram username"
|
|
|
|
|
id="telegram"
|
|
|
|
|
name="telegram" /><br />
|
2019-12-11 17:10:27 +00:00
|
|
|
<input
|
|
|
|
|
type="text"
|
|
|
|
|
class="input h-weight-bold"
|
|
|
|
|
placeholder="twitter username"
|
|
|
|
|
id="twitter"
|
|
|
|
|
name="twitter"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<br />
|
|
|
|
|
<br />
|
|
|
|
|
<button type="submit" class="button" id="build">Build</button>
|
|
|
|
|
</form>
|
|
|
|
|
<script
|
|
|
|
|
type="text/javascript"
|
|
|
|
|
src="https://cdn.jsdelivr.net/gh/zeva-ui/zeva/dist/js/index.min.js"
|
|
|
|
|
></script>
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
document.querySelector("#socials").addEventListener("change", event => {
|
|
|
|
|
if (event.target.checked) {
|
|
|
|
|
document.querySelector("#input_for_socials").style.display = "block";
|
|
|
|
|
} else {
|
|
|
|
|
document.querySelector("#input_for_socials").style.display = "none";
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
