Merge pull request #4 from Coordinate-Cat/feature/issue-3

feat: launch official web site

.github/release.yml

@@ -0,0 +1,16 @@
+changelog:
+  exclude:
+    labels:
+      - ignore-for-release
+    authors:
+      - Coordinate-Cat
+  categories:
+    - title: Site Development
+      labels:
+        - site
+    - title: Documentation Maintenance
+      labels:
+        - documentation
+    - title: Other Changes
+      labels:
+        - "*"

README.md

@@ -1,8 +1,8 @@
-# JAPAN-OSINT
+# OSINT-JAPAN
 
 ⚠️During the maintenance process
 
-![japan-osint.png](japan-osint.png)
+![japan-osint.png](static/osint.png)
 ![GitHub Workflow Status](https://img.shields.io/github/workflow/status/Coordinate-Cat/JAPAN-OSINT/TOC%20Generator?color=fff&label=TOC%20Generator)
 ![GitHub Workflow Status](https://img.shields.io/github/workflow/status/Coordinate-Cat/JAPAN-OSINT/Markdown%20Workflow?color=fff&label=Markdown%20Link%20Check)  
 ![GitHub](https://img.shields.io/github/license/Coordinate-Cat/JAPAN-OSINT?color=black)

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "sveltekit-blog-template",
+  "name": "osint-japan",
   "version": "0.0.1",
   "scripts": {
     "dev": "npm run md-to-json & svelte-kit dev",

src/assets/styles/global.css

@@ -8,7 +8,7 @@
   --link-color: #0076df;
   --border-color: #e5e7eb;
   font-size: 16px;
-  font-family: Helvetica, Arial, sans-serif;
+  font-family: Inter, Arial, sans-serif;
 }
 
 h1 {

src/lib/blogMetaData.ts

@@ -1,4 +1,4 @@
 export const blogMetaData = {
-  blogTitle: 'BlogTemplate',
+  blogTitle: 'OSINT JAPAN',
   description: 'A full featured blog template build with sveltekit'
 }

src/lib/components/Footer.svelte

@@ -1,3 +1,7 @@
+<script>
+var year = new Date().getFullYear();
+</script>
+
 <footer class="footer">
   <ul class="footer__links">
     <li class="footer__links_item">
@@ -10,7 +14,10 @@
       <a href="/rss.xml" class="footer__links__item__link">RSS Feed</a>
     </li>
     <li class="footer__links_item">
-      <span class="footer__copy-right">© 2021 Yourname</span>
+      <a href="https://github.com/Coordinate-Cat/JAPAN-OSINT/blob/main/LICENSE" class="footer__links__item__link">MIT</a>
+    </li>
+    <li class="footer__links_item">
+      <a href="https://github.com/Coordinate-Cat" class="footer__links__item__link">© {year} OKA</a>
     </li>
   </ul>
 </footer>
@@ -47,8 +54,4 @@
   .footer__links__item__link:hover {
     border-bottom: 1.5px solid var(--secondary-color);
   }
-
-  .footer__copy-right {
-    color: var(--secondary-color);
-  }
 </style>

src/lib/components/PostDetail.svelte

@@ -12,7 +12,7 @@
         {format(new Date(post.date), "MMMM DD, YYYY")},
       </span>
 
-      <a class="post-detail__top__info__author" href="/about">by Yourname</a>
+      <a class="post-detail__top__info__author" href="/about">by Oka</a>
     </div>
   </div>
   <div class="post-detail__content">

src/routes/about.svelte

@@ -43,5 +43,9 @@
 />
 <div class="about-container">
   <h1>About</h1>
-  <p>Tell People about you!!</p>
+  <p>
+    Repository of this
+    <a href="https://github.com/Coordinate-Cat/JAPAN-OSINT">site</a>
+  </p>
+
 </div>

src/routes/index.svelte

@@ -1,10 +1,10 @@
 <script lang="ts">
-  export let posts;
+  // export let posts;
   import { envVariables } from "$lib/envVariables";
   import { blogMetaData } from "$lib/blogMetaData";
   import { MetaTags } from "svelte-meta-tags";
-  import PostList from "$lib/components/PostList.svelte";
-  import PostItem from "$lib/components/Post.svelte";
+  // import PostList from "$lib/components/PostList.svelte";
+  // import PostItem from "$lib/components/Post.svelte";
 
   const meta = {
     title: `Home | ${blogMetaData.blogTitle}`,
@@ -45,11 +45,32 @@
   }}
 />
 
-<PostList>
+<h1>Under Development</h1>
+<h2>
+  This is <a href="https://github.com/Coordinate-Cat/JAPAN-OSINT/issues" class="issue">OSS</a>.<br>
+  We are waiting for your great ideas.
+</h2>
+
+<!-- <PostList>
   {#each posts as post}
     <PostItem {post} />
   {/each}
-</PostList>
+</PostList> -->
 
 <style>
+  h1, h2 {
+    text-align: center;
+  }
+
+  .issue {
+    color: #FF4B4B;
+    font-size: 1.5rem;
+    font-weight: 600;
+    margin: 0.8rem 0;
+    text-decoration: none;
+  }
+
+  .issue:hover {
+    border-bottom: 2.5px solid #FF4B4B;
+  }
 </style>