Implement Jekyll template

fakarsu1 · May 16, 2024 · 59b5c5e · 59b5c5e
1 parent 43ea75d
commit 59b5c5e
Show file tree

Hide file tree

Showing 6 changed files with 153 additions and 132 deletions.
diff --git a/_config.yml b/_config.yml
@@ -0,0 +1,16 @@
+title: "VKN TCKN Generator"
+description: "Generate valid VKN and TCKN numbers easily with our tool."
+url: "https://fakarsu1.github.io"
+baseurl: "/vkn-tckn-generator"
+plugins:
+  - jekyll-sitemap
+  - jekyll-seo-tag
+  - jekyll-feed
+exclude: ["README.md", "Gemfile", "Gemfile.lock"]
+
+# SEO settings
+seo:
+  type: "WebSite"
+  name: "VKN TCKN Generator"
+  description: "Generate valid VKN and TCKN numbers easily with our tool."
+  url: "https://fakarsu1.github.io/vkn-tckn-generator"
diff --git a/_includes/head.html b/_includes/head.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <title>{{ page.title }}</title>
+  <!-- Required meta tags -->
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <meta name="google-site-verification" content="Rw3Xyt49V9LE5k8qPOW22ibSss1lSozlyHAjEEFjexQ" />
+  <!-- Google tag (gtag.js) -->
+  <script async src="https://www.googletagmanager.com/gtag/js?id=G-3EGDWJ2MES"></script>
+  <script>
+    window.dataLayer = window.dataLayer || [];
+    function gtag() { dataLayer.push(arguments); }
+    gtag('js', new Date());
+    gtag('config', 'G-3EGDWJ2MES');
+  </script>
+  <!-- Bootstrap CSS v5.2.1 -->
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css" rel="stylesheet"
+    integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
+  {% seo %}
+  <script type="application/ld+json">
+  {
+    "@context": "https://schema.org",
+    "@type": "WebSite",
+    "url": "{{ site.url }}{{ site.baseurl }}",
+    "name": "{{ site.title }}",
+    "description": "{{ site.description }}"
+  }
+  </script>
+</head>
+
+<body>
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -0,0 +1,24 @@
+{% include head.html %}
+<header class="py-3 text-center bg-light">
+  <h2>Generate or Validate Vkn / Tckn</h2>
+</header>
+<main>
+  <div class="container-fluid container-md">
+    <div class="row align-items-center">
+      {{ content }}
+    </div>
+  </div>
+</main>
+<footer class="py-3 text-center bg-light">
+  <a class="link-dark" href="https://github.com/fakarsu1/vkn-tckn-generator" target="_blank"
+    rel="noopener noreferrer">Source Code</a>
+</footer>
+<!-- Bootstrap JavaScript Libraries -->
+<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js"
+  integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/js/bootstrap.min.js"
+  integrity="sha384-7VPbUDkoPSGFnVtYi0QogXtr74QeVeeIs99Qfg5YCF+TidwNdjvaKZX19NZ/e6oz" crossorigin="anonymous"></script>
+<script src="{{ '/vkn-tckn-generator/index.js' | relative_url }}"></script>
+</body>
+
+</html>
diff --git a/index.html b/index.html
diff --git a/index.md b/index.md
@@ -0,0 +1,77 @@
+---
+layout: default
+title: "Vkn / Tckn Generator"
+description: "Generate valid VKN and TCKN numbers easily with our tool."
+---
+
+<div class="col-lg-6 p-2">
+  <div class="card">
+    <div class="card-header text-center">
+      <h4>Generate Vkn</h4>
+    </div>
+    <div class="card-body">
+      <div class="mb-3">
+        <label for="generatedVknInput" class="form-label">Vkn :</label>
+        <div class="input-group">
+          <input type="tel" readonly class="form-control" id="generatedVknInput" />
+          <button type="button" class="btn btn-outline-secondary btn-copy" data-bs-container="body"
+            data-bs-toggle="popover" data-bs-placement="top" data-bs-trigger="hover focus"
+            data-bs-content="Copy to clipboard" data-copy-target="generatedVknInput">Copy</button>
+        </div>
+      </div>
+      <div class="d-grid gap-2">
+        <button type="button" class="btn btn-primary btn-block" id="generateVknButton">Generate</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="col-lg-6 p-2">
+  <div class="card">
+    <div class="card-header text-center">
+      <h4>Generate Tckn</h4>
+    </div>
+    <div class="card-body">
+      <div class="mb-3">
+        <label for="generatedTcknInput" class="form-label">Tckn :</label>
+        <div class="input-group">
+          <input type="tel" readonly class="form-control" id="generatedTcknInput" />
+          <button type="button" class="btn btn-outline-secondary btn-copy" data-bs-container="body"
+            data-bs-toggle="popover" data-bs-placement="top" data-bs-trigger="hover focus"
+            data-bs-content="Copy to clipboard" data-copy-target="generatedTcknInput">Copy</button>
+        </div>
+      </div>
+      <div class="d-grid gap-2">
+        <button type="button" class="btn btn-primary btn-block" id="generateTcknButton">Generate</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="col-lg-6 p-2">
+  <div class="card">
+    <div class="card-header text-center">
+      <h4>Validate Vkn</h4>
+    </div>
+    <div class="card-body">
+      <div class="mb-3">
+        <label for="validateVknInput" class="form-label">Vkn :</label>
+        <input type="tel" class="form-control" id="validateVknInput" />
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="col-lg-6 p-2">
+  <div class="card">
+    <div class="card-header text-center fw-bold">
+      <h4>Validate Tckn</h4>
+    </div>
+    <div class="card-body">
+      <div class="mb-3">
+        <label for="validateTcknInput" class="form-label">Tckn :</label>
+        <input type="tel" class="form-control" id="validateTcknInput" />
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/robots.txt b/robots.txt
@@ -0,0 +1,3 @@
+User-agent: *
+Allow: /
+Sitemap: https://fakarsu1.github.io/vkn-tckn-generator/sitemap.xml