Template function, generate blog entries, rename core file to main
This commit is contained in:
parent
cc24785756
commit
9f4b04da7d
4
deps.edn
4
deps.edn
@ -1,7 +1,7 @@
|
|||||||
{:deps {org.clojure/clojure {:mvn/version "1.11.1"}
|
{:deps {org.clojure/clojure {:mvn/version "1.11.1"}
|
||||||
hiccup/hiccup {:mvn/version "1.0.5"}}
|
hiccup/hiccup {:mvn/version "1.0.5"}}
|
||||||
:aliases {:build {:main-opts ["-m" "ferano-io.core"]}
|
:aliases {:build {:main-opts ["-m" "ferano-io.main"]}
|
||||||
:dev {:extra-deps {nrepl/nrepl {:mvn/version "1.0.0"}
|
:dev {:extra-deps {nrepl/nrepl {:mvn/version "1.0.0"}
|
||||||
cider/cider-nrepl {:mvn/version "0.28.5"}}
|
cider/cider-nrepl {:mvn/version "0.28.5"}}
|
||||||
:jvm-opts ["-Ddev=true"]
|
:jvm-opts ["-Ddev=true"]
|
||||||
:main-opts ["-e" "(require 'ferano-io.core) (in-ns 'ferano-io.core)" "-r"]}}}
|
:main-opts ["-e" "(require 'ferano-io.main) (in-ns 'ferano-io.main)" "-r"]}}}
|
||||||
|
@ -9,13 +9,13 @@
|
|||||||
:bio "Brief description of yourself and what you do."}
|
:bio "Brief description of yourself and what you do."}
|
||||||
|
|
||||||
:projects [{:name "pmme"
|
:projects [{:name "pmme"
|
||||||
:description "Done IoT air quality monitoring ecosystem with ESP32 sensors, cloud backend, mobile app, and web dashboard for real-time PM2.5 tracking"
|
:description "IoT air quality monitoring ecosystem with ESP32 sensors, cloud backend, mobile app, and web dashboard for real-time PM2.5 tracking"
|
||||||
:url "https://git.ferano.io/JosephFerano/pmme"
|
:url "https://git.ferano.io/JosephFerano/pmme"
|
||||||
:technologies ["Rust" "ESP32" "ClojureScript" "Tauri" "Rocket" "PostgreSQL"]
|
:technologies ["Rust" "ESP32" "ClojureScript" "Tauri" "Rocket" "PostgreSQL"]
|
||||||
:status "Active"
|
:status "Active"
|
||||||
:year 2025}
|
:year 2025}
|
||||||
{:name "8086 CPU Simulator"
|
{:name "8086 CPU Simulator"
|
||||||
:description "Done 8086 processor emulator with instruction decoding, cycle-accurate execution, and comprehensive testing suite"
|
:description "8086 processor emulator with instruction decoding, cycle-accurate execution, and comprehensive testing suite"
|
||||||
:url "https://git.ferano.io/JosephFerano/performance-aware"
|
:url "https://git.ferano.io/JosephFerano/performance-aware"
|
||||||
:technologies ["Odin" "Assembly" "x86"]
|
:technologies ["Odin" "Assembly" "x86"]
|
||||||
:status "Done"
|
:status "Done"
|
||||||
|
@ -1,5 +1,7 @@
|
|||||||
(ns ferano-io.core
|
(ns ferano-io.main
|
||||||
(:require [hiccup.core :as h]
|
(:require [clojure.string :as str]
|
||||||
|
[clojure.java.io :as io]
|
||||||
|
[hiccup.core :as h]
|
||||||
[hiccup.page :as page]
|
[hiccup.page :as page]
|
||||||
[clojure.edn :as edn]))
|
[clojure.edn :as edn]))
|
||||||
|
|
||||||
@ -33,12 +35,34 @@
|
|||||||
[:p {:class "text-base md:text-lg opacity-90"}
|
[:p {:class "text-base md:text-lg opacity-90"}
|
||||||
"Building engaging experiences and robust systems across gaming, graphics, blockchain, and web technologies. Multilingual programmer with a diverse technical toolkit for solving complex problems."]]]]])
|
"Building engaging experiences and robust systems across gaming, graphics, blockchain, and web technologies. Multilingual programmer with a diverse technical toolkit for solving complex problems."]]]]])
|
||||||
|
|
||||||
|
(defn project-card [proj]
|
||||||
|
[:div {:class "bg-white border border-gray-200 p-5 hover:shadow-md transition-shadow"}
|
||||||
|
[:div {:class "flex justify-between items-start mb-3"}
|
||||||
|
[:h3 {:class "font-medium text-lg"} (:name proj)]
|
||||||
|
[:span {:class "text-xs text-gray-500"} (:year proj)]]
|
||||||
|
[:p {:class "text-sm text-gray-600 mb-4 line-clamp-3"} (:description proj)]
|
||||||
|
[:div {:class "flex flex-wrap gap-1 mb-4"}
|
||||||
|
(for [tech (:technologies proj)]
|
||||||
|
[:span {:class "text-xs px-2 py-1 bg-gray-100 rounded"} tech])]
|
||||||
|
[:div {:class "flex justify-between items-center"}
|
||||||
|
[:div {:class "flex gap-3"}
|
||||||
|
[:a {:href (:url proj) :target "_blank" :class "text-xs text-blue-600 hover:underline"} "Source"]
|
||||||
|
(when (:demo proj)
|
||||||
|
[:a {:href (:demo proj) :target "_blank" :class "text-xs text-blue-600 hover:underline"} "Demo"])]
|
||||||
|
[:span {:class "text-xs px-2 py-1 bg-gray-100 rounded"} (:status proj)]]])
|
||||||
|
|
||||||
|
(defn projects-grid [data]
|
||||||
|
[:section {:id "projects" :class "py-16"}
|
||||||
|
[:h2 {:class "text-lg tracking-wide mb-8 text-center"} "PROJECTS"]
|
||||||
|
[:div {:class "max-w-6xl mx-auto grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"}
|
||||||
|
(map project-card (:projects data))]])
|
||||||
|
|
||||||
(defn game-card [game]
|
(defn game-card [game]
|
||||||
[:div {:class "bg-white border border-gray-200 p-5 hover:shadow-md transition-shadow"}
|
[:div {:class "bg-white border border-gray-200 p-5 hover:shadow-md transition-shadow"}
|
||||||
[:div {:class "w-full mb-4"}
|
[:div {:class "w-full mb-4"}
|
||||||
[:img {:src (:image game)
|
[:img {:src (:image game)
|
||||||
:alt (:name game)
|
:alt (:name game)
|
||||||
:class "w-full h-48 object-cover"}]]
|
:class "w-full h-60 object-cover"}]]
|
||||||
[:div {:class "flex justify-between items-start mb-3"}
|
[:div {:class "flex justify-between items-start mb-3"}
|
||||||
[:h3 {:class "font-medium text-lg"} (:name game)]]
|
[:h3 {:class "font-medium text-lg"} (:name game)]]
|
||||||
[:p {:class "text-sm text-gray-600 mb-4 line-clamp-3"} (:description game)]
|
[:p {:class "text-sm text-gray-600 mb-4 line-clamp-3"} (:description game)]
|
||||||
@ -58,25 +82,23 @@
|
|||||||
[:div {:class "max-w-6xl mx-auto grid grid-cols-1 md:grid-cols-2 gap-6"}
|
[:div {:class "max-w-6xl mx-auto grid grid-cols-1 md:grid-cols-2 gap-6"}
|
||||||
(map game-card (:games data))]])
|
(map game-card (:games data))]])
|
||||||
|
|
||||||
(defn projects-grid [data]
|
(defn experiment [expt]
|
||||||
[:section {:id "projects" :class "py-16"}
|
[:div {:class "bg-white border border-gray-200 p-5 hover:shadow-md transition-shadow"}
|
||||||
[:h2 {:class "text-lg tracking-wide mb-8 text-center"} "PROJECTS"]
|
[:div {:class "flex justify-between items-start mb-3"}
|
||||||
|
[:h3 {:class "font-medium text-lg"} (:name expt)]
|
||||||
|
[:img {:src "/static/images/slide-03_resized.jpg" :alt "Testing"}]]
|
||||||
|
[:p {:class "text-sm text-gray-600 mb-4 line-clamp-3"} (:description expt)]
|
||||||
|
[:div {:class "flex justify-between items-center"}
|
||||||
|
[:div {:class "flex gap-3"}
|
||||||
|
[:a {:href (:url expt) :target "_blank" :class "text-xs text-blue-600 hover:underline"} "Source"]
|
||||||
|
(when (:demo expt)
|
||||||
|
[:a {:href (:demo expt) :target "_blank" :class "text-xs text-blue-600 hover:underline"} "Demo"])]]])
|
||||||
|
|
||||||
|
(defn experiments [data]
|
||||||
|
[:section {:id "experiments" :class "py-16"}
|
||||||
|
[:h2 {:class "text-lg tracking-wide mb-8 text-center"} "EXPERIMENTS"]
|
||||||
[:div {:class "max-w-6xl mx-auto grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"}
|
[:div {:class "max-w-6xl mx-auto grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"}
|
||||||
(for [project (:projects data)]
|
(map experiment (:experiments data))]])
|
||||||
[:div {:class "bg-white border border-gray-200 p-5 hover:shadow-md transition-shadow"}
|
|
||||||
[:div {:class "flex justify-between items-start mb-3"}
|
|
||||||
[:h3 {:class "font-medium text-lg"} (:name project)]
|
|
||||||
[:span {:class "text-xs text-gray-500"} (:year project)]]
|
|
||||||
[:p {:class "text-sm text-gray-600 mb-4 line-clamp-3"} (:description project)]
|
|
||||||
[:div {:class "flex flex-wrap gap-1 mb-4"}
|
|
||||||
(for [tech (:technologies project)]
|
|
||||||
[:span {:class "text-xs px-2 py-1 bg-gray-100 rounded"} tech])]
|
|
||||||
[:div {:class "flex justify-between items-center"}
|
|
||||||
[:div {:class "flex gap-3"}
|
|
||||||
[:a {:href (:url project) :target "_blank" :class "text-xs text-blue-600 hover:underline"} "Source"]
|
|
||||||
(when (:demo project)
|
|
||||||
[:a {:href (:demo project) :target "_blank" :class "text-xs text-blue-600 hover:underline"} "Demo"])]
|
|
||||||
[:span {:class "text-xs px-2 py-1 bg-gray-100 rounded"} (:status project)]]])]])
|
|
||||||
|
|
||||||
(defn contact [data]
|
(defn contact [data]
|
||||||
[:section {:id "contact" :class "py-16 bg-gray-100"}
|
[:section {:id "contact" :class "py-16 bg-gray-100"}
|
||||||
@ -101,7 +123,13 @@
|
|||||||
:class "flex items-center gap-2 text-gray-700 hover:text-blue-600 transition-colors"}
|
:class "flex items-center gap-2 text-gray-700 hover:text-blue-600 transition-colors"}
|
||||||
[:span "🐙"] [:span "GitHub"]]]]])
|
[:span "🐙"] [:span "GitHub"]]]]])
|
||||||
|
|
||||||
(defn main-page [data]
|
(defn blog-summary [data]
|
||||||
|
[:section {:id "experiments" :class "py-16"}
|
||||||
|
[:h2 {:class "text-lg tracking-wide mb-8 text-center"} "EXPERIMENTS"]
|
||||||
|
[:div {:class "max-w-6xl mx-auto grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"}
|
||||||
|
(map experiment (:experiments data))]])
|
||||||
|
|
||||||
|
(defn page-template [data & body]
|
||||||
(page/html5
|
(page/html5
|
||||||
[:head
|
[:head
|
||||||
[:meta {:charset "utf-8"}]
|
[:meta {:charset "utf-8"}]
|
||||||
@ -114,15 +142,29 @@
|
|||||||
[:style ".menu-toggle:checked + label + .mobile-menu { opacity: 1; visibility: visible; transform: translateY(0); } .menu-toggle { display: none; } .mobile-menu { opacity: 0; visibility: hidden; transform: translateY(-10px); transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease; } .mobile-menu a { display: block; }"]]
|
[:style ".menu-toggle:checked + label + .mobile-menu { opacity: 1; visibility: visible; transform: translateY(0); } .menu-toggle { display: none; } .mobile-menu { opacity: 0; visibility: hidden; transform: translateY(-10px); transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease; } .mobile-menu a { display: block; }"]]
|
||||||
[:body
|
[:body
|
||||||
[:div {:class "min-h-screen bg-gray-50"}
|
[:div {:class "min-h-screen bg-gray-50"}
|
||||||
(header data)
|
body
|
||||||
(hero data)
|
|
||||||
(projects-grid data)
|
|
||||||
(games data)
|
|
||||||
(contact data)]]))
|
(contact data)]]))
|
||||||
|
|
||||||
(defn -main [& args]
|
(defn main-page [data]
|
||||||
(let [data (-> "resources/data.edn"
|
(page-template
|
||||||
slurp
|
data
|
||||||
edn/read-string)]
|
(let [fns [header hero projects-grid games blog-summary]]
|
||||||
|
(map #(% data) fns))))
|
||||||
|
|
||||||
|
(defn blog-page [data blog-entry-path]
|
||||||
|
(let [path (str "org/" blog-entry-path)]
|
||||||
|
(println path)
|
||||||
|
(page-template data (slurp path))))
|
||||||
|
|
||||||
|
(defn build-website []
|
||||||
|
(let [data (edn/read-string (slurp "resources/data.edn"))
|
||||||
|
blog-entries (.list (io/file "org/"))
|
||||||
|
data (assoc data :blog-entries blog-entries)]
|
||||||
(spit "build/index.html" (main-page data))
|
(spit "build/index.html" (main-page data))
|
||||||
(println "Generated build/index.html")))
|
(doseq [entry blog-entries]
|
||||||
|
(spit (str "build/blog/" (str/replace entry #"\.org$" ".html"))
|
||||||
|
(blog-page data entry)))))
|
||||||
|
|
||||||
|
(defn -main [& args]
|
||||||
|
(build-website)
|
||||||
|
(println "Generated website!"))
|
Loading…
x
Reference in New Issue
Block a user