Updates

Orhanguezel · Sep 16, 2024 · e0fe735 · e0fe735
commit e0fe735
Show file tree

Hide file tree

Showing 432 changed files with 50,205 additions and 0 deletions.
diff --git a/README.md b/README.md
@@ -0,0 +1 @@
+# personal
diff --git a/assets/22.png b/assets/22.png
diff --git a/assets/3.png b/assets/3.png
diff --git a/assets/33.png b/assets/33.png
diff --git a/assets/adobe_illustrator.png b/assets/adobe_illustrator.png
diff --git a/assets/adobe_xd.png b/assets/adobe_xd.png
diff --git a/assets/angular.png b/assets/angular.png
diff --git a/assets/antalya-logo.png b/assets/antalya-logo.png
diff --git a/assets/bootstrap.png b/assets/bootstrap.png
diff --git a/assets/btu-logo.png b/assets/btu-logo.png
diff --git a/assets/canva.png b/assets/canva.png
diff --git a/assets/css.png b/assets/css.png
diff --git a/assets/elasticsearch.png b/assets/elasticsearch.png
diff --git a/assets/figma.png b/assets/figma.png
diff --git a/assets/firebase.png b/assets/firebase.png
diff --git a/assets/hazer-logo.png b/assets/hazer-logo.png
diff --git a/assets/html.png b/assets/html.png
diff --git a/assets/javascript.png b/assets/javascript.png
diff --git a/assets/kuhlturm-logo.png b/assets/kuhlturm-logo.png
diff --git a/assets/laravel.png b/assets/laravel.png
diff --git a/assets/mariadb.png b/assets/mariadb.png
diff --git a/assets/mongodb.png b/assets/mongodb.png
diff --git a/assets/mysql.png b/assets/mysql.png
diff --git a/assets/nodejs.png b/assets/nodejs.png
diff --git a/assets/php.png b/assets/php.png
diff --git a/assets/postgresql.png b/assets/postgresql.png
diff --git a/assets/python-Logo.png b/assets/python-Logo.png
diff --git a/assets/react.png b/assets/react.png
diff --git a/assets/redis.png b/assets/redis.png
diff --git a/assets/sketch.png b/assets/sketch.png
diff --git a/assets/social-share-image.png b/assets/social-share-image.png
diff --git a/assets/sqlite.png b/assets/sqlite.png
diff --git a/assets/vue.png b/assets/vue.png
diff --git a/assets/web-Logo.png b/assets/web-Logo.png
diff --git a/assets/wep Developer.png b/assets/wep Developer.png
diff --git a/assets/wep Developer.svg b/assets/wep Developer.svg
diff --git a/css/about.css b/css/about.css
@@ -0,0 +1,27 @@
+/* About Me Section */
+.about-me {
+    padding: 50px 20px;
+    background-color: var(--secondary-color); /* Ana renk ile uyumlu arka plan */
+    text-align: center;
+}
+
+.about-me .section-title {
+    font-size: 2.5em;
+    color: var(--text-color);
+    margin-bottom: 30px;
+}
+
+.about-content {
+    max-width: 800px;
+    margin: 0 auto;
+    color: var(--text-color);
+    font-size: 1.2em;
+    line-height: 1.8;
+    font-family: var(--font-family2); /* Alternatif yazı tipi */
+}
+
+.about-content p {
+    font-size: var(--p-font-size);
+    color: var(--text-color);
+}
+
diff --git a/css/contact.css b/css/contact.css
@@ -0,0 +1,38 @@
+/* Contact Section */
+.contact {
+    padding: 50px 20px;
+    background-color: var(--secondary-color); /* Ana renk */
+    text-align: center;
+}
+
+.contact .section-title {
+    font-size: 2.5em;
+    color: var(--text-color);
+    margin-bottom: 30px;
+}
+
+.contact-description {
+    font-size: 1.2em;
+    color: var(--text-color);
+    margin-bottom: 30px;
+    max-width: 800px;
+    margin: 0 auto;
+    line-height: 1.8;
+    font-family: var(--font-family2);
+}
+
+/* Contact Button */
+.quote-btn {
+    background-color: var(--btn-bg-color);
+    color: var(--btn-text-color);
+    padding: 15px 30px;
+    border-radius: 30px;
+    font-size: 1.2em;
+    border: none;
+    cursor: pointer;
+    transition: background-color 0.3s ease;
+}
+
+.quote-btn:hover {
+    background-color: var(--highlight-color);
+}
diff --git a/css/footer.css b/css/footer.css
@@ -0,0 +1,165 @@
+/* Footer Section */
+.footer {
+    background-color: var(--secondary-color);
+    color: var(--text-color);
+    padding: 40px 20px;
+    font-family: var(--font-family2);
+    border-top: 0.5px solid rgba(255, 255, 255, 0.1);
+}
+
+.logo-container {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: 10px;
+    background-color: var(--secondary-color);
+}
+
+.logo {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap:5px;
+
+}
+
+.logo img {  
+    width: 100px;
+    height: auto;
+
+}
+
+.logo h2 {
+    padding-top: 20px;
+    font-size:var(--h2-font-size);
+    font-family: var(--font-family);
+    color: var(--text-color);
+}
+
+/* Footer içerik düzeni */
+.footer-content {
+    max-width: 1200px;
+    margin: 0 auto;
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-start;
+    flex-wrap: wrap;
+    gap: 40px;
+}
+
+.footer-section {
+    flex: 1;
+    min-width: 220px;
+}
+
+.footer-section h3 {
+    font-size: 1.2em;
+    margin-bottom: 15px;
+}
+
+.footer-section ul {
+    list-style-type: none;
+    padding: 0;
+}
+
+.footer-section ul li {
+    margin-bottom: 10px;
+}
+
+.footer-section ul li a {
+    color: var(--text-color);
+    text-decoration: none;
+}
+
+.footer-section ul li a:hover {
+    color: var(--highlight-color);
+}
+
+/* Sosyal medya ikonları */
+.social-media {
+    display: flex;
+    justify-content: center;
+    margin-top: 30px;
+}
+
+.social-media a {
+    color: var(--text-color);
+    margin: 0 10px;
+    font-size: 1.5em;
+}
+
+.social-media a:hover {
+    color: var(--highlight-color);
+}
+
+/* Footer alt kısmı */
+.footer-bottom {
+    border-top: 1px solid rgba(255, 255, 255, 0.1);
+    padding-top: 20px;
+    text-align: center;
+    margin-top: 40px;
+}
+
+.copyright {
+    font-size: 0.9em;
+}
+
+/* Scroll to Top Button */
+.scroll-to-top {
+    position: fixed;
+    bottom: 20px;
+    right: 20px;
+    background-color: var(--text-color);
+    color: var(--btn-text-color);
+    width: 50px;
+    height: 50px;
+    border-radius: 50%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    text-decoration: none;
+    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
+    transition: background-color 0.3s ease, transform 0.3s ease;
+    z-index: 1000;
+}
+
+.scroll-to-top:hover {
+    background-color: var(--btn-bg-color); /* Hover ile rengi değiştir */
+    transform: scale(1.1); /* Hover animasyonu */
+}
+
+.scroll-to-top i {
+    font-size: 20px;
+}
+
+.scroll-to-top.hide {
+    display: none; /* Buton varsayılan olarak gizli */
+}
+
+
+/* Responsive*/
+@media (max-width: 768px) {
+
+    .logo h2 {
+        font-size:24px;
+    }
+
+    .footer-content {
+        flex-direction: column;
+        align-items: center;
+    }
+
+    .footer-section {
+        margin-bottom: 30px;
+        text-align: center;
+    }
+
+    .footer-description {
+        max-width: none;
+    }
+
+    .scroll-to-top {
+        display: none; /* Buton varsayılan olarak gizli */
+    }
+
+}
diff --git a/css/global.css b/css/global.css
@@ -0,0 +1,52 @@
+/* Global Styles */
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+body {
+    font-family: var(--font-family);
+    background-color: var(--secondary-color);
+    color: var(--text-color);
+    font-size: var(--base-font-size);
+    line-height: 1.6;
+}
+
+h1, h2 {
+    color: var(--highlight-color);
+}
+
+p {
+    font-family: var(--font-family2);
+    font-size: var(--p-font-size);
+    color: var(--text-color);
+}
+
+/* Butonlar */
+button, .btn, .explore-btn {
+    background-color: var(--btn-bg-color);
+    color: var(--btn-text-color);
+    padding: var(--btn-padding);
+    border-radius: var(--btn-radius);
+    text-decoration: none;
+    font-size: 1.2em;
+    display: inline-block;
+    cursor: pointer;
+
+    /* Animasyon geçişi */
+    transition: background-color 0.4s ease, transform 0.3s ease;
+}
+
+button:hover, .btn:hover, .explore-btn:hover {
+    background-color:var(--text-color); /* Renk değişimi */
+    box-shadow: 2px 2px 10px rgba(252, 247, 247, 0.8); /* Buton gölgelendirme */
+    transform: scale(1.05); /* Buton hafif büyür */
+}
+
+/* Flex düzen ve merkezi hizalamalar */
+.flex-center {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}