Initial commit: open-source release of atakanozban.com
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -0,0 +1,80 @@
|
||||
<!doctype html>
|
||||
<html lang="en" data-bs-theme="dark">
|
||||
<head>
|
||||
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="description" content="In 2016, I started working on development. Then, in 2018, I became interested in music and 360 photography using my cell phone. I began learning piano shortly after, but I stopped for a while. In 2020, I returned to development and learned Python at an intermediate level. Later, I started learning JavaScript and Node.js to develop Discord bots. In 2022, I went back to playing piano and began my journey as a musical artist. Now, I continue creating classical music, working on web development and design, and practicing photography.">
|
||||
<meta name="author" content="Atakan Doğan Özban">
|
||||
<meta name="keywords" content="atakandoganozban, atakan özban, atakan doğan özban, atakan ozban">
|
||||
<title>Sign-in</title>
|
||||
|
||||
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.3/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
|
||||
|
||||
<style>
|
||||
/* Form kutularını karanlık moda uygun hale getir */
|
||||
.form-control {
|
||||
background-color: #212529 !important; /* Siyah arka plan */
|
||||
color: white !important; /* Beyaz yazı */
|
||||
border: 1px solid #6c757d; /* Gri kenarlık */
|
||||
}
|
||||
|
||||
/* Placeholder rengini aç */
|
||||
.form-control::placeholder {
|
||||
color: #adb5bd !important;
|
||||
}
|
||||
|
||||
/* Inputlara odaklanıldığında (focus) kenarlık mavi olacak */
|
||||
.form-control:focus {
|
||||
border-color: #0d6efd !important; /* Bootstrap'in mavi tonu */
|
||||
box-shadow: 0 0 5px rgba(13, 110, 253, 0.5);
|
||||
}
|
||||
|
||||
/* Checkbox stilini beyaz yap */
|
||||
.form-check-input {
|
||||
background-color: #343a40 !important;
|
||||
border-color: #6c757d !important;
|
||||
}
|
||||
|
||||
/* Checkbox'a hover efekti */
|
||||
.form-check-input:checked {
|
||||
background-color: #0d6efd !important;
|
||||
border-color: #0d6efd !important;
|
||||
}
|
||||
|
||||
/* Giriş butonunu karanlık temaya uygun hale getir */
|
||||
.btn-primary {
|
||||
background-color: #0d6efd !important;
|
||||
border-color: #0d6efd !important;
|
||||
}
|
||||
|
||||
.btn-primary:hover {
|
||||
background-color: #0b5ed7 !important;
|
||||
border-color: #0a58ca !important;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body class="bg-dark d-flex align-items-center justify-content-center vh-100">
|
||||
<main class="form-signin w-100" style="max-width: 400px;">
|
||||
<form>
|
||||
<h1 class="h3 mb-3 fw-normal text-white text-center">Please sign in</h1>
|
||||
|
||||
<div class="form-floating">
|
||||
<input type="email" class="form-control" id="floatingInput" placeholder="Email address">
|
||||
<label for="floatingInput">Email address</label>
|
||||
</div>
|
||||
|
||||
<div class="form-floating mt-2 mb-2">
|
||||
<input type="password" class="form-control" id="floatingPassword" placeholder="Password">
|
||||
<label for="floatingPassword">Password</label>
|
||||
</div>
|
||||
|
||||
<button class="btn btn-primary w-100 py-2" type="submit">Sign in</button>
|
||||
</form>
|
||||
</main>
|
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.3/js/bootstrap.bundle.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user