Initial content

Fleuronic · Sep 10, 2024 · a6a65f7 · a6a65f7
commit a6a65f7
Show file tree

Hide file tree

Showing 29 changed files with 1,644 additions and 0 deletions.
diff --git a/.editorconfig b/.editorconfig
@@ -0,0 +1,5 @@
+root = true
+
+[*]
+indent_style = tab
+indent_size = 4
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,2 @@
+.DS_Store
+/node_modules
diff --git a/.nova/Tasks/Website.json b/.nova/Tasks/Website.json
@@ -0,0 +1,12 @@
+{
+  "actions" : {
+    "build" : {
+      "enabled" : true,
+      "script" : "#!\/bin\/sh\njanet index.janet"
+    },
+    "run" : {
+      "enabled" : true,
+      "script" : "#!\/bin\/sh\nspeakeasy\nnpx tailwindcss -i .\/css\/input.css -o .\/css\/output.css -c .\/js\/tailwind.config.js"
+    }
+  }
+}
diff --git a/components/header.janet b/components/header.janet
@@ -0,0 +1,20 @@
+(smuggle ./styles/logo)
+(smuggle ./util/list)
+(smuggle ./util/icon)
+(smuggle ./util/navigation)
+
+(def header [
+	[logo "Fleuronic"]
+	[:div.toggle]
+	[:div.navigation.hidden
+		(list nav-item {
+			:home "Home"
+			:services "Services"
+			:work "Work"
+			:contact "Contact"})
+		[:div.social
+  		(list icon {
+				:facebook "https://facebook.com"
+				:twitter "https://twitter.com"
+				:instagram "https://instagram.com"})]
+  		(email-icon "[email protected]")]])
diff --git a/css/input.css b/css/input.css
@@ -0,0 +1 @@
+@tailwind utilities;
diff --git a/css/output.css b/css/output.css
@@ -0,0 +1,90 @@
+.absolute {
+  position: absolute
+}
+
+.relative {
+  position: relative
+}
+
+.bottom-0 {
+  bottom: 0px
+}
+
+.left-28 {
+  left: 7rem
+}
+
+.right-0 {
+  right: 0px
+}
+
+.top-6 {
+  top: 1.5rem
+}
+
+.z-10 {
+  z-index: 10
+}
+
+.inline-block {
+  display: inline-block
+}
+
+.flex {
+  display: flex
+}
+
+.hidden {
+  display: none
+}
+
+.h-screen {
+  height: 100vh
+}
+
+.max-w-lg {
+  max-width: 32rem
+}
+
+.cursor-pointer {
+  cursor: pointer
+}
+
+.items-center {
+  align-items: center
+}
+
+.bg-red-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(239 68 68 / var(--tw-bg-opacity))
+}
+
+.p-16 {
+  padding: 4rem
+}
+
+.p-4 {
+  padding: 1rem
+}
+
+.font-sans {
+  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
+}
+
+.text-4xl {
+  font-size: 2.25rem;
+  line-height: 2.5rem
+}
+
+.font-medium {
+  font-weight: 500
+}
+
+.text-white {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity))
+}
+
+.no-underline {
+  text-decoration-line: none
+}
diff --git a/css/style.css b/css/style.css
@@ -0,0 +1,14 @@
+.logo {
+	z-index: 10;
+}
+
+.home-img {
+	position: absolute;
+	bototm: 0;
+	right: 0;
+	height: 110%;
+}
+
+.navigation {
+	display: none;
+}
diff --git a/images/email.png b/images/email.png
diff --git a/images/facebook.png b/images/facebook.png
diff --git a/images/home-img.jpg b/images/home-img.jpg
diff --git a/images/instagram.png b/images/instagram.png
diff --git a/images/twitter.png b/images/twitter.png
diff --git a/index.html b/index.html
@@ -0,0 +1,5 @@
+<!DOCTYPE HTML><html lang="en"><head><meta charset="utf-8" /><meta content="width=device-width, initial-scale=1" name="viewport" /><link rel="stylesheet" href="css/output.css" /><title>Fleuronic</title></head><body class="font-sans"><header><div class="font-medium text-4xl top-6 left-28 absolute z-10">Fleuronic</div><div class="toggle"></div><div class="navigation hidden"><ul><li><a href="contact.html">Contact</a></li><li><a href="work.html">Work</a></li><li><a href="services.html">Services</a></li><li><a href="home.html">Home</a></li></ul><div class="social"><ul><li><a href="https://twitter.com"><img target="_blank" src="images/twitter.png" alt="" /></a></li><li><a href="https://instagram.com"><img target="_blank" src="images/instagram.png" alt="" /></a></li><li><a href="https://facebook.com"><img target="_blank" src="images/facebook.png" alt="" /></a></li></ul></div><a href="mailto:[email protected]" class="email-icon"><img src="images/email.png" /></a></div></header><section class="flex h-screen items-center p-16"><img src="images/home-img.jpg" class="bottom-0 right-0 absolute"></img><div class="relative max-w-lg z-10"><h1 class="font-medium">Apps built<br />to flourish.</h1><p>			Incididunt cupidatat do sint ullamco excepteur duis irure veniam aute. Irure occaecat excepteur 
+			mollit labore id Lorem aliquip deserunt reprehenderit commodo labore reprehenderit laboris. Elit culpa 
+			mollit ad pariatur velit aliquip incididunt do ullamco nostrud deserunt commodo mollit id. Sint laborum 
+			do ad occaecat occaecat elit aliqua esse ut amet ea. Id esse dolor est Lorem mollit sit sit 
+			reprehenderit irure nostrud occaecat ex. Reprehenderit id reprehenderit do.</p><a href="contact.html" class="text-white bg-red-500 p-4 inline-block no-underline cursor-pointer">Get Started</a></div></section></body></html>
diff --git a/index.janet b/index.janet
@@ -0,0 +1,11 @@
+(defn smuggle* [filename] (eval-string (string "(use speakeasy)\n" (slurp filename))))
+(defmacro smuggle [module] ~(smuggle* ,(string module ".janet")))
+
+(smuggle ./components/header)
+(smuggle ./sections/home)
+(smuggle ./styles/section)
+(smuggle ./util/layout)
+
+(layout "Fleuronic"
+  [:header header]
+  [section home])
diff --git a/js/script.js b/js/script.js
diff --git a/js/tailwind.config.js b/js/tailwind.config.js
@@ -0,0 +1,8 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+	content: ["./index.html"],
+	theme: {
+		extend: {},
+	},
+	plugins: [],
+};