Add files via upload

nihatxp · Dec 2, 2023 · 9b722b9 · 9b722b9
1 parent 9bae6de
commit 9b722b9
Show file tree

Hide file tree

Showing 27 changed files with 1,263 additions and 289 deletions.
diff --git a/Beşgen - Pentagon/index.html b/Beşgen - Pentagon/index.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="tr">
+  <head>
+    <style>
+      .besgen {
+        width: 155px;
+        height: 150px;
+        background-color: #0d5134;
+        clip-path: polygon(50% 0, 100% 38%, 81% 100%, 19% 100%, 0 38%);
+      }
+    </style>
+  </head>
+  <body>
+    <h1>Beşgen</h1>
+    <div class="besgen"></div>
+  </body>
+</html>
diff --git a/Bmw Logo/index.html b/Bmw Logo/index.html
@@ -0,0 +1,7 @@
+<link href="./style.css" rel="stylesheet" />
+<title>BMW Logo</title>
+<div class="bmw">
+  <span>B</span>
+  <span>M</span>
+  <span>W</span>
+</div>
diff --git a/Bmw Logo/style.css b/Bmw Logo/style.css
@@ -0,0 +1,53 @@
+body {
+  margin:5px;
+  height: 100vh;
+  display: grid;
+  place-items: center;
+  background-color: #131313;
+}
+
+.bmw {
+  width: 150px;
+  height: 150px;
+  border: 50px solid #000;
+  box-shadow: 0 0 0 6px #777, inset 0 0 0 7px #777;
+  border-radius: 50%;
+  position: relative;
+}
+
+.bmw::before {
+  position: absolute;
+  content: "";
+  top: 0;
+  left: 0;
+  width: 75px;
+  height: 75px;
+  background-color: #008ac9;
+  box-shadow: 75px 75px 0 #008ac9, 40px 40px 0 50px #fff;
+  z-index: -1;
+}
+
+.bmw span {
+  position: absolute;
+  color: #fff;
+  font-size: 50px;
+  font-family: helvetica;
+  font-weight: bold;
+}
+
+.bmw span:first-child {
+  left: -12px;
+  top: -25px;
+  transform: rotate(-46deg);
+}
+
+.bmw span:nth-child(2) {
+  left: 50%;
+  top: -52px;
+  transform: translateX(-50%);
+}
+.bmw span:last-child {
+  top: -19px;
+  right: -22px;
+  transform: rotate(49deg);
+}
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
@@ -0,0 +1,15 @@
+## Contributing
+
+Thank you for considering contributing to this project! To ensure a smooth collaboration, please follow these guidelines:
+
+1. Fork the repository and create your branch from `main`.
+2. Make sure your code follows the project's coding style and conventions.
+3. Write clear and concise commit messages.
+4. Test your changes thoroughly before submitting a pull request.
+5. Provide a detailed description of your changes in the pull request.
+6. Be respectful and considerate towards other contributors.
+
+By contributing to this project, you agree to abide by the [Code of Conduct](/path/to/code_of_conduct.md).
+
+We appreciate your contributions and look forward to your pull requests!
+
diff --git a/Daire - Circle/index.html b/Daire - Circle/index.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="tr">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Daire</title>
+    <style>
+      .daire {
+        width: 150px;
+        height: 150px;
+        background-color: #0d5134;
+        border-radius: 59%;
+      }
+    </style>
+  </head>
+  <body>
+    <h1>Daire</h1>
+    <div class="daire"></div>
+  </body>
+</html>
diff --git a/Dinasour - Animation/index.html b/Dinasour - Animation/index.html
@@ -0,0 +1,9 @@
+<title>Dino</title>
+<link href="./style.css" rel="stylesheet" />
+<svg viewbox="0 0 428 459" shape-rendering="optimizeSpeed">
+  <path
+    d="M86 374v-22H65v-21H43v-21H22v-22H0V160h22v43h21v21h22v22h42v-22h22v-21h32v-21h32v-22h21V22h21V0h171v22h22v96H321v21h64v21h-86v43h43v43h-21v-22h-22v75h-21v32h-21v21h-22v22zM278 32h-21v22h21z"
+  />
+  <path id="solBacak" d="M86 352h64v43h-21v21h-21v22h21v21H86z" />
+  <path id="sagBacak" d="M235 352v86h22v21h-43v-64h-21v-43z" />
+</svg>
diff --git a/Dinasour - Animation/style.css b/Dinasour - Animation/style.css
@@ -0,0 +1,27 @@
+body {
+  height: 100vh;
+  display: grid;
+  place-items: center;
+  overflow: hidden;
+  background: #222;
+}
+svg {
+  fill: #cad;
+  max-width: 60vmin;
+}
+
+#solBacak,
+#sagBacak{
+  animation: bacaklar 0.4s infinite steps(2);
+}
+
+#sagBacak{
+  animation-delay: -0.2s;
+}
+
+@keyframes bacaklar {
+  to {
+    transform: translateY(-10%);
+  }
+}
+
diff --git a/Gece Animasyonu - Night Animation/index.html b/Gece Animasyonu - Night Animation/index.html
@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html lang="tr">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Gece Animasyonu</title>
+    <style>
+      body {
+        background-color: #8ac7e4;
+        animation: geceyeCevir 10s infinite 1.5s;
+      }
+      .kapsayici {
+        position: absolute;
+        top: 50px;
+        left: 50px;
+        transform: translate(-50%, -50%);
+        display: block;
+      }
+      .gunes {
+        margin: 70px auto;
+        height: 150px;
+        width: 150px;
+        border-radius: 50%;
+        background-color: #fcd25b;
+        border: 3px solid #fcd25b;
+        animation: gunesRengi 10s infinite 1.5s;
+      }
+      .golge {
+        height: 170px;
+        width: 170px;
+        border-radius: 50%;
+        background-color: #8ac7e4;
+        top: 5px;
+        left: 0px;
+        animation: golgeHareketi 10s infinite 1.5s;
+      }
+      @keyframes gunesRengi {
+        0% {
+          background-color: #fcd25b;
+        }
+        50% {
+          background-color: #fff;
+          border: 3px solid #fff;
+        }
+      }
+      @keyframes golgeHareketi {
+        0% {
+          transform: translateX(150px);
+        }
+        50% {
+          transform: translateX(35px);
+          background-color: #08011a;
+        }
+        100% {
+          transform: translateX(-175px);
+          background-color: #8ac7e4;
+        }
+      }
+      @keyframes geceyeCevir {
+        0% {
+          background-color: #8ac7e4;
+        }
+        50% {
+          background-color: #08011a;
+        }
+        100% {
+          background-color: #8ac7e4;
+        }
+      }
+    </style>
+  </head>
+  <body>
+    <div class="kapsayici"></div>
+    <div class="gunes">
+      <div class="golge"></div>
+    </div>
+  </body>
+</html>