Initial commit
This commit is contained in:
Rayhan Hanaputra
@@ -0,0 +1,96 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>WONDERER PAGE</title>
|
||||
<style>
|
||||
body {
|
||||
background: linear-gradient(135deg, #1f1f1f, #2c2c2c);
|
||||
color: #fff;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 100vh;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 3em;
|
||||
margin-bottom: 20px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 5px;
|
||||
}
|
||||
|
||||
a {
|
||||
display: inline-block;
|
||||
margin: 10px 20px;
|
||||
padding: 10px 30px;
|
||||
border-radius: 30px;
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
transition: background 0.3s ease, color 0.3s ease;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
background: #00b3ff;
|
||||
color: #1f1f1f;
|
||||
}
|
||||
|
||||
hr {
|
||||
width: 80%;
|
||||
margin: 30px 0;
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.edit-links {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
gap: 15px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.edit-links a {
|
||||
background: #555;
|
||||
}
|
||||
|
||||
.edit-links a:hover {
|
||||
background: #ff007a;
|
||||
}
|
||||
|
||||
@keyframes glow {
|
||||
0% {
|
||||
box-shadow: 0 0 5px #00b3ff, 0 0 10px #00b3ff, 0 0 20px #00b3ff, 0 0 40px #00b3ff;
|
||||
}
|
||||
100% {
|
||||
box-shadow: 0 0 10px #ff007a, 0 0 20px #ff007a, 0 0 40px #ff007a, 0 0 80px #ff007a;
|
||||
}
|
||||
}
|
||||
|
||||
a:hover {
|
||||
animation: glow 0.5s ease-in-out infinite alternate;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Dashboard</h1>
|
||||
<a href="index.php?module=user&action=login">Login</a>
|
||||
<a href="index.php?module=user&action=register">Register</a>
|
||||
<a href="index.php?module=user&action=logout">Logout</a>
|
||||
<br><hr>
|
||||
<a href="index.php?module=page&action=samplePage">Create Sample Page</a>
|
||||
<a href="index.php?module=page&action=viewPage">View Page</a>
|
||||
<br><hr>
|
||||
<div class="edit-links">
|
||||
<span>Edit:</span>
|
||||
<a href="index.php?module=page&action=edit&type=html">HTML</a>
|
||||
<a href="index.php?module=page&action=edit&type=js">JS</a>
|
||||
<a href="index.php?module=page&action=edit&type=css">CSS</a>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,80 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Login</title>
|
||||
<style>
|
||||
body {
|
||||
background: linear-gradient(135deg, #0f0f0f, #2e2e2e);
|
||||
color: #fff;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 100vh;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 2.5em;
|
||||
margin-bottom: 20px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 4px;
|
||||
color: #00b3ff;
|
||||
}
|
||||
|
||||
form {
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
padding: 20px 40px;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0 0 15px rgba(0, 179, 255, 0.3);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
input[type="text"], input[type="password"] {
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
margin: 10px 0;
|
||||
border: none;
|
||||
border-radius: 5px;
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
color: #fff;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
input[type="submit"] {
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
border: none;
|
||||
border-radius: 5px;
|
||||
background: #00b3ff;
|
||||
color: #fff;
|
||||
font-size: 1em;
|
||||
font-weight: bold;
|
||||
cursor: pointer;
|
||||
transition: background 0.3s ease, box-shadow 0.3s ease;
|
||||
}
|
||||
|
||||
input[type="submit"]:hover {
|
||||
background: #ff007a;
|
||||
box-shadow: 0 0 10px #ff007a, 0 0 20px #ff007a, 0 0 40px #ff007a;
|
||||
}
|
||||
|
||||
input[type="text"]:focus, input[type="password"]:focus {
|
||||
background: rgba(255, 255, 255, 0.3);
|
||||
outline: none;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Silahkan Login</h1>
|
||||
<form action="" method="POST">
|
||||
<input type="text" name="username" placeholder="Username">
|
||||
<input type="password" name="password" placeholder="Password">
|
||||
<input type="submit" value="Login">
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,116 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Wonderer Your Page</title>
|
||||
<script src="{{script}}"></script>
|
||||
<link rel="stylesheet" href="{{css}}">
|
||||
<style>
|
||||
body {
|
||||
background: linear-gradient(135deg, #101010, #303030);
|
||||
color: #ffffff;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
margin: 0;
|
||||
padding: 20px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
h1, h2, h3 {
|
||||
color: #00b3ff;
|
||||
text-transform: uppercase;
|
||||
margin: 20px 0;
|
||||
text-align: center;
|
||||
letter-spacing: 2px;
|
||||
}
|
||||
|
||||
p, li {
|
||||
font-size: 1.1em;
|
||||
line-height: 1.6em;
|
||||
margin: 10px 0;
|
||||
color: #dddddd;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #00b3ff;
|
||||
text-decoration: none;
|
||||
border-bottom: 1px solid rgba(0, 179, 255, 0.3);
|
||||
transition: color 0.3s ease, border-bottom 0.3s ease;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #ff007a;
|
||||
border-bottom: 1px solid rgba(255, 0, 122, 0.5);
|
||||
}
|
||||
|
||||
button {
|
||||
padding: 10px 20px;
|
||||
border-radius: 5px;
|
||||
background: #00b3ff;
|
||||
color: #ffffff;
|
||||
font-size: 1em;
|
||||
font-weight: bold;
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
transition: background 0.3s ease, box-shadow 0.3s ease;
|
||||
}
|
||||
|
||||
button:hover {
|
||||
background: #ff007a;
|
||||
box-shadow: 0 0 10px #ff007a, 0 0 20px #ff007a, 0 0 40px #ff007a;
|
||||
}
|
||||
|
||||
input[type="text"], input[type="password"], textarea {
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
margin: 10px 0;
|
||||
border: none;
|
||||
border-radius: 5px;
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
color: #ffffff;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
outline: none;
|
||||
}
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
table, th, td {
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
padding: 10px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
th {
|
||||
background: #00b3ff;
|
||||
color: #101010;
|
||||
}
|
||||
|
||||
td {
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
th, td {
|
||||
transition: background 0.3s ease;
|
||||
}
|
||||
|
||||
td:hover {
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
{{html}}
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,80 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Register</title>
|
||||
<style>
|
||||
body {
|
||||
background: linear-gradient(135deg, #141414, #282828);
|
||||
color: #ffffff;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 100vh;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 2.5em;
|
||||
margin-bottom: 20px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 4px;
|
||||
color: #00b3ff;
|
||||
}
|
||||
|
||||
form {
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
padding: 20px 40px;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0 0 15px rgba(0, 179, 255, 0.3);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
input[type="text"], input[type="password"] {
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
margin: 10px 0;
|
||||
border: none;
|
||||
border-radius: 5px;
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
color: #ffffff;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
input[type="submit"] {
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
border: none;
|
||||
border-radius: 5px;
|
||||
background: #00b3ff;
|
||||
color: #ffffff;
|
||||
font-size: 1em;
|
||||
font-weight: bold;
|
||||
cursor: pointer;
|
||||
transition: background 0.3s ease, box-shadow 0.3s ease;
|
||||
}
|
||||
|
||||
input[type="submit"]:hover {
|
||||
background: #ff007a;
|
||||
box-shadow: 0 0 10px #ff007a, 0 0 20px #ff007a, 0 0 40px #ff007a;
|
||||
}
|
||||
|
||||
input[type="text"]:focus, input[type="password"]:focus {
|
||||
background: rgba(255, 255, 255, 0.3);
|
||||
outline: none;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Daftar</h1>
|
||||
<form action="" method="POST">
|
||||
<input type="text" name="username" placeholder="Username">
|
||||
<input type="password" name="password" placeholder="Password">
|
||||
<input type="submit" value="Register">
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,84 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Edit {{type}}</title>
|
||||
<style>
|
||||
body {
|
||||
background: linear-gradient(135deg, #1a1a1a, #333333);
|
||||
color: #ffffff;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
min-height: 100vh;
|
||||
margin: 0;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 2.5em;
|
||||
margin-bottom: 20px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 4px;
|
||||
color: #00b3ff;
|
||||
}
|
||||
|
||||
form {
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
padding: 20px;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0 0 15px rgba(0, 179, 255, 0.3);
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
max-width: 900px;
|
||||
}
|
||||
|
||||
textarea {
|
||||
width: 100%;
|
||||
padding: 15px;
|
||||
margin: 10px 0;
|
||||
border: none;
|
||||
border-radius: 5px;
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
color: #ffffff;
|
||||
font-size: 1em;
|
||||
font-family: 'Courier New', Courier, monospace;
|
||||
resize: vertical;
|
||||
}
|
||||
|
||||
textarea:focus {
|
||||
background: rgba(255, 255, 255, 0.3);
|
||||
outline: none;
|
||||
}
|
||||
|
||||
input[type="submit"] {
|
||||
padding: 10px 20px;
|
||||
border: none;
|
||||
border-radius: 5px;
|
||||
background: #00b3ff;
|
||||
color: #ffffff;
|
||||
font-size: 1em;
|
||||
font-weight: bold;
|
||||
cursor: pointer;
|
||||
transition: background 0.3s ease, box-shadow 0.3s ease;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
input[type="submit"]:hover {
|
||||
background: #ff007a;
|
||||
box-shadow: 0 0 10px #ff007a, 0 0 20px #ff007a, 0 0 40px #ff007a;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Edit {{type}}</h1>
|
||||
<form action="" method="POST">
|
||||
<textarea name="data" cols="100" rows="20">{{data}}</textarea><br>
|
||||
<input type="hidden" name="type" value="{{type}}">
|
||||
<input type="submit" value="Save">
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user