fixed Tip/Note/Alert cl disparity, its css, add VIC/Att constants, timestamp suffix to filename, re-org frontier_data-exporter

Author: tkokhing

src/app/_components/blog_frame/alert.tsx

@@ -2,7 +2,7 @@ export default function Alert({ children }: { children: React.ReactNode }) {
   return (
     <div className="alert py-0.5 ">
       <div className="text-center text-2xl font-bold mb-2">⚠️ Alert:</div>
-      <div className="text-justify">{children}</div>
+      <div className="text-justify text-amber-950">{children}</div>
     </div>
   );
 }

src/app/_components/blog_frame/note.tsx

@@ -2,7 +2,7 @@ export default function Note({ children }: { children: React.ReactNode }) {
   return (
     <div className="note py-0.5 ">
       <div className="text-center text-2xl font-bold mb-2">📝 Note:</div>
-      <div className="text-justify">{children}</div>
+      <div className="text-justify text-green-900">{children}</div>
     </div>
   );
 }

src/app/_components/blog_frame/tip.tsx

@@ -2,7 +2,7 @@ export default function Tip({ children }: { children: React.ReactNode }) {
   return (
     <div className="tip py-0.5 ">
       <div className="text-center text-2xl font-bold mb-2">💡 Tip:</div>
-      <div className="text-justify">{children}</div>
+      <div className="text-justify text-blue-900">{children}</div>
     </div>
   );
 }

src/app/_components/main_frame/filename-suffix.tsx

@@ -0,0 +1,11 @@
+"use client";
+import { monthdate } from "@/app/_components/preference/variable";
+
+export default function FilenameSuffix() {
+  const suffix = monthdate(new Date());
+  return (
+    <>
+      {`${suffix}`}
+    </>
+  );
+}

src/app/_components/preference/data-exporter.tsx

@@ -0,0 +1,5 @@
+// For generating dynamic variables to enhance UI
+export function monthdate(date = new Date()) {
+  const pad = (n: number) => String(n).padStart(2, '0');
+  return `${pad(date.getDate())}${pad(date.getMonth() + 1)}_${pad(date.getHours())}${pad(date.getMinutes())}`;
+}

src/app/_components/preference/variable.tsx

@@ -7,8 +7,8 @@ import { generatePageStaticParams } from "@/lib/share/generatePageStaticParams";
 import Container from "@/app/_components/preference/container";
 import { PostHeader } from "@/app/_components/post_gen/post-header";
 import { PostBody } from "@/app/_components/post_gen/post-body";
-import { FrontierData } from "@/app/_components/preference/data-exporter";
-import { FrontierLeadinData } from "@/app/_components/preference/data-exporter";
+import { FrontierData } from "@/lib/_data_exporter/data_securingdigitalfrontiers/frontier_data-exporter";
+import { FrontierLeadinData } from "@/lib/_data_exporter/data_securingdigitalfrontiers/frontier_data-exporter";
 import { ToggleFrame } from "@/app/_components/preference/toggle-frame";
 import { PostListConcise } from "@/app/_components/post_gen/post-list-concise";
 

src/app/blog/posts/[slug]/page.tsx

@@ -7,9 +7,9 @@ import { PostBody } from "@/app/_components/post_gen/post-body";
 import { getPostBySlug } from "@/lib/share/api";
 import { generatePageMetadata } from "@/lib/share/generatePageMetadata";
 import { generatePageStaticParams } from "@/lib/share/generatePageStaticParams";
-import { CyberDomainData } from "@/app/_components/preference/data-exporter";
-import { BlueprintBattlefieldData } from "@/app/_components/preference/data-exporter";
-import { CyberThreatsData } from "@/app/_components/preference/data-exporter";
+import { CyberDomainData } from "@/lib/_data_exporter/data_securingdigitalfrontiers/frontier_data-exporter";
+import { BlueprintBattlefieldData } from "@/lib/_data_exporter/data_securingdigitalfrontiers/frontier_data-exporter";
+import { CyberThreatsData } from "@/lib/_data_exporter/data_securingdigitalfrontiers/frontier_data-exporter";
 const MDX_FOLDER = "_frontier_post/_frontier"; 
 
 type Params = {

src/app/blog/posts/securing-digital-frontiers/[slug]/page.tsx

@@ -4,4 +4,8 @@ export const Home = "https://tkokhing.github.io";
 export const LOGO_PATH = "/img/logo";
 export const REPO_NAME = ""; // for future expansion use
 export const T_ANI_GIF_URL = `${LOGO_PATH}/tkokhing.gif`;
-export const TKOKHING_LOGO_SVG_URL = `${LOGO_PATH}/tkokhing.svg`;
+export const TKOKHING_LOGO_SVG_URL = `${LOGO_PATH}/tkokhing.svg`;
+export const VICTIM1_IP = "10.10.4.6";
+export const VICTIM1_PORT = "80";
+export const ATTACKER_IP = "10.4.6.114";
+export const ATTACKER_PORT = "4444";

src/lib/share/constants.ts

@@ -8,17 +8,17 @@
 .alert {
   background-color: #fffbeb;
   border-color: #f59e0b;
-  color: black;
+  color: #451a03;
 }
 
 .note {
   background-color: #ecfdf5;
   border-color: #10b981;
-  color: black;
+  color: #14532d;
 }
 
 .tip {
   background-color: #eff6ff;
   border-color: #3b82f6;
-  color: black;
+  color: #1e3a8a;
 }