mirror of https://github.com/dilllxd/gitfolio.git
172 lines
4.8 KiB
Plaintext
172 lines
4.8 KiB
Plaintext
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<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>
|
|
|
|
<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>
|
|
|
|
<label class="label">Created
|
|
<input type="radio"
|
|
name="sort"
|
|
value="created"
|
|
checked />
|
|
<span class="radio"></span>
|
|
</label>
|
|
|
|
<label class="label">Updated
|
|
<input type="radio"
|
|
name="sort"
|
|
value="updated" />
|
|
<span class="radio"></span>
|
|
</label>
|
|
|
|
<label class="label">Pushed
|
|
<input type="radio"
|
|
name="sort"
|
|
value="pushed" />
|
|
<span class="radio"></span>
|
|
</label>
|
|
|
|
<label class="label">Full Name
|
|
<input type="radio"
|
|
name="sort"
|
|
value="full_name" />
|
|
<span class="radio"></span>
|
|
</label>
|
|
|
|
<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="twitter username"
|
|
id="twitter"
|
|
name="twitter" /><br />
|
|
<input type="text"
|
|
class="input h-weight-bold"
|
|
placeholder="medium username"
|
|
id="medium"
|
|
name="medium" /><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="linkedin username"
|
|
id="linkedin"
|
|
name="linkedin" /><br />
|
|
<input type="text"
|
|
class="input h-weight-bold"
|
|
placeholder="telegram username"
|
|
id="telegram"
|
|
name="telegram" /><br />
|
|
<input type="text"
|
|
class="input h-weight-bold"
|
|
placeholder="email address"
|
|
id="email"
|
|
name="email" />
|
|
</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> |