summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorMatthew Lemon <y@yulqen.org>2024-03-24 14:12:41 +0000
committerMatthew Lemon <y@yulqen.org>2024-03-24 14:12:41 +0000
commitbfceb9e58ea27ea9524a66435827545326328c1f (patch)
treef051af38514c6fdf9c66d85b6aac4c5bdc9c91ad
parent2aa3048e96ee9c9357a081d0f5a847508463fe45 (diff)
tidy up the root folder for go-live
-rw-r--r--OpenSans-Italic-VariableFont_wdth,wght.ttfbin580280 -> 0 bytes
-rw-r--r--OpenSans-VariableFont_wdth,wght.ttfbin529700 -> 0 bytes
-rw-r--r--fonts/LibreFranklin-Italic.ttf (renamed from LibreFranklin-Italic.ttf)bin69376 -> 69376 bytes
-rw-r--r--fonts/LibreFranklin-LightItalic.ttf (renamed from LibreFranklin-LightItalic.ttf)bin69404 -> 69404 bytes
-rw-r--r--fonts/LibreFranklin-VariableFont_wght.ttf (renamed from LibreFranklin-VariableFont_wght.ttf)bin103512 -> 103512 bytes
-rw-r--r--index.html-bak368
-rw-r--r--index_alt.html183
-rw-r--r--scripts/rsync_command (renamed from rsync_command)0
-rw-r--r--style.css4
9 files changed, 2 insertions, 553 deletions
diff --git a/OpenSans-Italic-VariableFont_wdth,wght.ttf b/OpenSans-Italic-VariableFont_wdth,wght.ttf
deleted file mode 100644
index 8312b2c..0000000
--- a/OpenSans-Italic-VariableFont_wdth,wght.ttf
+++ /dev/null
Binary files differ
diff --git a/OpenSans-VariableFont_wdth,wght.ttf b/OpenSans-VariableFont_wdth,wght.ttf
deleted file mode 100644
index ac587b4..0000000
--- a/OpenSans-VariableFont_wdth,wght.ttf
+++ /dev/null
Binary files differ
diff --git a/LibreFranklin-Italic.ttf b/fonts/LibreFranklin-Italic.ttf
index e0b3c80..e0b3c80 100644
--- a/LibreFranklin-Italic.ttf
+++ b/fonts/LibreFranklin-Italic.ttf
Binary files differ
diff --git a/LibreFranklin-LightItalic.ttf b/fonts/LibreFranklin-LightItalic.ttf
index 4f19137..4f19137 100644
--- a/LibreFranklin-LightItalic.ttf
+++ b/fonts/LibreFranklin-LightItalic.ttf
Binary files differ
diff --git a/LibreFranklin-VariableFont_wght.ttf b/fonts/LibreFranklin-VariableFont_wght.ttf
index 4c4c09c..4c4c09c 100644
--- a/LibreFranklin-VariableFont_wght.ttf
+++ b/fonts/LibreFranklin-VariableFont_wght.ttf
Binary files differ
diff --git a/index.html-bak b/index.html-bak
deleted file mode 100644
index 766401d..0000000
--- a/index.html-bak
+++ /dev/null
@@ -1,368 +0,0 @@
-
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <title>Apache2 Debian Default Page: It works</title>
- <style type="text/css" media="screen">
- * {
- margin: 0px 0px 0px 0px;
- padding: 0px 0px 0px 0px;
- }
-
- body, html {
- padding: 3px 3px 3px 3px;
-
- background-color: #D8DBE2;
-
- font-family: Verdana, sans-serif;
- font-size: 11pt;
- text-align: center;
- }
-
- div.main_page {
- position: relative;
- display: table;
-
- width: 800px;
-
- margin-bottom: 3px;
- margin-left: auto;
- margin-right: auto;
- padding: 0px 0px 0px 0px;
-
- border-width: 2px;
- border-color: #212738;
- border-style: solid;
-
- background-color: #FFFFFF;
-
- text-align: center;
- }
-
- div.page_header {
- height: 99px;
- width: 100%;
-
- background-color: #F5F6F7;
- }
-
- div.page_header span {
- margin: 15px 0px 0px 50px;
-
- font-size: 180%;
- font-weight: bold;
- }
-
- div.page_header img {
- margin: 3px 0px 0px 40px;
-
- border: 0px 0px 0px;
- }
-
- div.table_of_contents {
- clear: left;
-
- min-width: 200px;
-
- margin: 3px 3px 3px 3px;
-
- background-color: #FFFFFF;
-
- text-align: left;
- }
-
- div.table_of_contents_item {
- clear: left;
-
- width: 100%;
-
- margin: 4px 0px 0px 0px;
-
- background-color: #FFFFFF;
-
- color: #000000;
- text-align: left;
- }
-
- div.table_of_contents_item a {
- margin: 6px 0px 0px 6px;
- }
-
- div.content_section {
- margin: 3px 3px 3px 3px;
-
- background-color: #FFFFFF;
-
- text-align: left;
- }
-
- div.content_section_text {
- padding: 4px 8px 4px 8px;
-
- color: #000000;
- font-size: 100%;
- }
-
- div.content_section_text pre {
- margin: 8px 0px 8px 0px;
- padding: 8px 8px 8px 8px;
-
- border-width: 1px;
- border-style: dotted;
- border-color: #000000;
-
- background-color: #F5F6F7;
-
- font-style: italic;
- }
-
- div.content_section_text p {
- margin-bottom: 6px;
- }
-
- div.content_section_text ul, div.content_section_text li {
- padding: 4px 8px 4px 16px;
- }
-
- div.section_header {
- padding: 3px 6px 3px 6px;
-
- background-color: #8E9CB2;
-
- color: #FFFFFF;
- font-weight: bold;
- font-size: 112%;
- text-align: center;
- }
-
- div.section_header_red {
- background-color: #CD214F;
- }
-
- div.section_header_grey {
- background-color: #9F9386;
- }
-
- .floating_element {
- position: relative;
- float: left;
- }
-
- div.table_of_contents_item a,
- div.content_section_text a {
- text-decoration: none;
- font-weight: bold;
- }
-
- div.table_of_contents_item a:link,
- div.table_of_contents_item a:visited,
- div.table_of_contents_item a:active {
- color: #000000;
- }
-
- div.table_of_contents_item a:hover {
- background-color: #000000;
-
- color: #FFFFFF;
- }
-
- div.content_section_text a:link,
- div.content_section_text a:visited,
- div.content_section_text a:active {
- background-color: #DCDFE6;
-
- color: #000000;
- }
-
- div.content_section_text a:hover {
- background-color: #000000;
-
- color: #DCDFE6;
- }
-
- div.validator {
- }
- </style>
- </head>
- <body>
- <div class="main_page">
- <div class="page_header floating_element">
- <img src="/icons/openlogo-75.png" alt="Debian Logo" class="floating_element"/>
- <span class="floating_element">
- Apache2 Debian Default Page
- </span>
- </div>
-<!-- <div class="table_of_contents floating_element">
- <div class="section_header section_header_grey">
- TABLE OF CONTENTS
- </div>
- <div class="table_of_contents_item floating_element">
- <a href="#about">About</a>
- </div>
- <div class="table_of_contents_item floating_element">
- <a href="#changes">Changes</a>
- </div>
- <div class="table_of_contents_item floating_element">
- <a href="#scope">Scope</a>
- </div>
- <div class="table_of_contents_item floating_element">
- <a href="#files">Config files</a>
- </div>
- </div>
--->
- <div class="content_section floating_element">
-
-
- <div class="section_header section_header_red">
- <div id="about"></div>
- It works!
- </div>
- <div class="content_section_text">
- <p>
- This is the default welcome page used to test the correct
- operation of the Apache2 server after installation on Debian systems.
- If you can read this page, it means that the Apache HTTP server installed at
- this site is working properly. You should <b>replace this file</b> (located at
- <tt>/var/www/html/index.html</tt>) before continuing to operate your HTTP server.
- </p>
-
-
- <p>
- If you are a normal user of this web site and don't know what this page is
- about, this probably means that the site is currently unavailable due to
- maintenance.
- If the problem persists, please contact the site's administrator.
- </p>
-
- </div>
- <div class="section_header">
- <div id="changes"></div>
- Configuration Overview
- </div>
- <div class="content_section_text">
- <p>
- Debian's Apache2 default configuration is different from the
- upstream default configuration, and split into several files optimized for
- interaction with Debian tools. The configuration system is
- <b>fully documented in
- /usr/share/doc/apache2/README.Debian.gz</b>. Refer to this for the full
- documentation. Documentation for the web server itself can be
- found by accessing the <a href="/manual">manual</a> if the <tt>apache2-doc</tt>
- package was installed on this server.
-
- </p>
- <p>
- The configuration layout for an Apache2 web server installation on Debian systems is as follows:
- </p>
- <pre>
-/etc/apache2/
-|-- apache2.conf
-| `-- ports.conf
-|-- mods-enabled
-| |-- *.load
-| `-- *.conf
-|-- conf-enabled
-| `-- *.conf
-|-- sites-enabled
-| `-- *.conf
- </pre>
- <ul>
- <li>
- <tt>apache2.conf</tt> is the main configuration
- file. It puts the pieces together by including all remaining configuration
- files when starting up the web server.
- </li>
-
- <li>
- <tt>ports.conf</tt> is always included from the
- main configuration file. It is used to determine the listening ports for
- incoming connections, and this file can be customized anytime.
- </li>
-
- <li>
- Configuration files in the <tt>mods-enabled/</tt>,
- <tt>conf-enabled/</tt> and <tt>sites-enabled/</tt> directories contain
- particular configuration snippets which manage modules, global configuration
- fragments, or virtual host configurations, respectively.
- </li>
-
- <li>
- They are activated by symlinking available
- configuration files from their respective
- *-available/ counterparts. These should be managed
- by using our helpers
- <tt>
- a2enmod,
- a2dismod,
- </tt>
- <tt>
- a2ensite,
- a2dissite,
- </tt>
- and
- <tt>
- a2enconf,
- a2disconf
- </tt>. See their respective man pages for detailed information.
- </li>
-
- <li>
- The binary is called apache2. Due to the use of
- environment variables, in the default configuration, apache2 needs to be
- started/stopped with <tt>/etc/init.d/apache2</tt> or <tt>apache2ctl</tt>.
- <b>Calling <tt>/usr/bin/apache2</tt> directly will not work</b> with the
- default configuration.
- </li>
- </ul>
- </div>
-
- <div class="section_header">
- <div id="docroot"></div>
- Document Roots
- </div>
-
- <div class="content_section_text">
- <p>
- By default, Debian does not allow access through the web browser to
- <em>any</em> file apart of those located in <tt>/var/www</tt>,
- <a href="http://httpd.apache.org/docs/2.4/mod/mod_userdir.html" rel="nofollow">public_html</a>
- directories (when enabled) and <tt>/usr/share</tt> (for web
- applications). If your site is using a web document root
- located elsewhere (such as in <tt>/srv</tt>) you may need to whitelist your
- document root directory in <tt>/etc/apache2/apache2.conf</tt>.
- </p>
- <p>
- The default Debian document root is <tt>/var/www/html</tt>. You
- can make your own virtual hosts under /var/www. This is different
- to previous releases which provides better security out of the box.
- </p>
- </div>
-
- <div class="section_header">
- <div id="bugs"></div>
- Reporting Problems
- </div>
- <div class="content_section_text">
- <p>
- Please use the <tt>reportbug</tt> tool to report bugs in the
- Apache2 package with Debian. However, check <a
- href="http://bugs.debian.org/cgi-bin/pkgreport.cgi?ordering=normal;archive=0;src=apache2;repeatmerged=0"
- rel="nofollow">existing bug reports</a> before reporting a new bug.
- </p>
- <p>
- Please report bugs specific to modules (such as PHP and others)
- to respective packages, not to the web server itself.
- </p>
- </div>
-
-
-
-
- </div>
- </div>
- <div class="validator">
- </div>
- </body>
-</html>
-
diff --git a/index_alt.html b/index_alt.html
deleted file mode 100644
index aac4c67..0000000
--- a/index_alt.html
+++ /dev/null
@@ -1,183 +0,0 @@
-<!-- from https://www.youtube.com/watch?v=ypYZBd80EUg -->
-
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="UTF-8" />
- <meta name="viewport" content="width=device-width" />
- <link rel="stylesheet" href="style.css" type="text/css" media="screen" charset="utf-8">
- <title>Index_alt</title>
- </head>
- <body>
- <div class="flex flex-col min-h-[100dvh]">
- <header class="px-4 lg:px-6 py-6 lg:py-10 flex flex-col items-center justify-center space-y-2 text-center">
- <div class="space-y-2">
- <h1 class="text-3xl font-bold tracking-tighter sm:text-5xl">Creative Works by Joanna</h1>
- <p class="max-w-[600px] text-gray-500 md:text-xl/relaxed xl:text-xl/relaxed dark:text-gray-400">
- Welcome to my gallery of creativity. Here you'll find a collection of my latest works, from paintings to
- pottery, all lovingly crafted by hand.
- </p>
- </div>
- <nav class="flex flex-col gap-2 min-[600px]:flex-row">
- <a
- class="inline-flex h-10 items-center justify-center rounded-md text-sm hover:underline underline-offset-4"
- href="#"
- >
- Gallery
- </a>
- <a
- class="inline-flex h-10 items-center justify-center rounded-md text-sm hover:underline underline-offset-4"
- href="#"
- >
- About Me
- </a>
- <a
- class="inline-flex h-10 items-center justify-center rounded-md text-sm hover:underline underline-offset-4"
- href="#"
- >
- Contact
- </a>
- </nav>
- </header>
- <main class="grid gap-4 px-4 md:px-6 lg:gap-10 lg:grid-cols-[1fr_300px]">
- <div class="flex flex-col gap-2">
- <div class="grid gap-2">
- <div class="rounded-lg border bg-card text-card-foreground shadow-sm" data-v0-t="card">
- <div class="space-y-1.5 p-6 flex flex-col gap-1">
- <h3 class="text-base font-bold">Paintings</h3>
- <p class="text-sm text-gray-500 dark:text-gray-400">Beautiful art created with passion.</p>
- </div>
- <div class="p-6 grid gap-4">
- <img
- src="/placeholder.svg"
- alt="Paintings"
- class="aspect-[2/1] rounded-xl overflow-hidden object-cover object-center"
- width="400"
- height="200"
- />
- <button class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2">
- View Gallery
- </button>
- </div>
- </div>
- <div class="rounded-lg border bg-card text-card-foreground shadow-sm" data-v0-t="card">
- <div class="space-y-1.5 p-6 flex flex-col gap-1">
- <h3 class="text-base font-bold">Pottery</h3>
- <p class="text-sm text-gray-500 dark:text-gray-400">Unique and elegant ceramic creations.</p>
- </div>
- <div class="p-6 grid gap-4">
- <img
- src="/placeholder.svg"
- alt="Pottery"
- class="aspect-[2/1] rounded-xl overflow-hidden object-cover object-center"
- width="400"
- height="200"
- />
- <button class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2">
- View Gallery
- </button>
- </div>
- </div>
- </div>
- <div class="grid gap-2">
- <div class="rounded-lg border bg-card text-card-foreground shadow-sm" data-v0-t="card">
- <div class="space-y-1.5 p-6 flex flex-col gap-1">
- <h3 class="text-base font-bold">Crafts</h3>
- <p class="text-sm text-gray-500 dark:text-gray-400">Handmade treasures for every occasion.</p>
- </div>
- <div class="p-6 grid gap-4">
- <img
- src="/placeholder.svg"
- alt="Crafts"
- class="aspect-[2/1] rounded-xl overflow-hidden object-cover object-center"
- width="400"
- height="200"
- />
- <button class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2">
- View Gallery
- </button>
- </div>
- </div>
- <div class="rounded-lg border bg-card text-card-foreground shadow-sm" data-v0-t="card">
- <div class="space-y-1.5 p-6 flex flex-col gap-1">
- <h3 class="text-base font-bold">Artwork</h3>
- <p class="text-sm text-gray-500 dark:text-gray-400">Creative expressions in various mediums.</p>
- </div>
- <div class="p-6 grid gap-4">
- <img
- src="/placeholder.svg"
- alt="Artwork"
- class="aspect-[2/1] rounded-xl overflow-hidden object-cover object-center"
- width="400"
- height="200"
- />
- <button class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2">
- View Gallery
- </button>
- </div>
- </div>
- </div>
- </div>
- <div class="flex flex-col gap-4 min-w-[300px]">
- <div class="flex flex-col gap-2">
- <div class="space-y-2">
- <h2 class="text-2xl font-bold tracking-tighter sm:text-3xl">Latest Creations</h2>
- <p class="text-gray-500 dark:text-gray-400">Crafted with Care</p>
- </div>
- <div class="grid gap-4">
- <img
- src="/placeholder.svg"
- alt="Latest Creations"
- class="aspect-square rounded-xl overflow-hidden object-cover object-center"
- width="300"
- height="300"
- />
- <img
- src="/placeholder.svg"
- alt="Latest Creations"
- class="aspect-square rounded-xl overflow-hidden object-cover object-center"
- width="300"
- height="300"
- />
- </div>
- </div>
- <div class="flex flex-col gap-2">
- <div class="space-y-2">
- <h2 class="text-2xl font-bold tracking-tighter sm:text-3xl">Featured Collection</h2>
- <p class="text-gray-500 dark:text-gray-400">Discover the Artistry</p>
- </div>
- <div class="grid gap-4">
- <img
- src="/placeholder.svg"
- alt="Featured Collection"
- class="aspect-square rounded-xl overflow-hidden object-cover object-center"
- width="300"
- height="300"
- />
- <img
- src="/placeholder.svg"
- alt="Featured Collection"
- class="aspect-square rounded-xl overflow-hidden object-cover object-center"
- width="300"
- height="300"
- />
- </div>
- </div>
- </div>
- </main>
- <footer class="flex flex-col gap-2 sm:flex-row py-6 w-full shrink-0 items-center px-4 md:px-6 border-t">
- <p class="text-xs text-gray-500 dark:text-gray-400">© 2024 Acme Inc. All rights reserved.</p>
- <nav class="sm:ml-auto flex gap-4 sm:gap-6">
- <a class="text-xs hover:underline underline-offset-4" href="#">
- Terms of Service
- </a>
- <a class="text-xs hover:underline underline-offset-4" href="#">
- Privacy
- </a>
- </nav>
- </footer>
- </div>
- </body>
-</html>
-
-
diff --git a/rsync_command b/scripts/rsync_command
index 63cef3f..63cef3f 100644
--- a/rsync_command
+++ b/scripts/rsync_command
diff --git a/style.css b/style.css
index ebb2b97..e755562 100644
--- a/style.css
+++ b/style.css
@@ -11,12 +11,12 @@
@font-face {
font-family: 'Franklin';
- src: url(LibreFranklin-VariableFont_wght.ttf);
+ src: url(fonts/LibreFranklin-VariableFont_wght.ttf);
}
@font-face {
font-family: 'Franklin-Italic';
- src: url(LibreFranklin-Italic.ttf);
+ src: url(fonts/LibreFranklin-Italic.ttf);
}
body {