Replaced wallpapers, implemented javascript functions, finalized design.

LICENSE.md

@@ -0,0 +1,119 @@
+Creative Commons Legal Code
+
+CC0 1.0 Universal CREATIVE COMMONS CORPORATION IS NOT A LAW FIRM AND DOES
+NOT PROVIDE LEGAL SERVICES. DISTRIBUTION OF THIS DOCUMENT DOES NOT CREATE
+AN ATTORNEY-CLIENT RELATIONSHIP. CREATIVE COMMONS PROVIDES THIS INFORMATION
+ON AN "AS-IS" BASIS. CREATIVE COMMONS MAKES NO WARRANTIES REGARDING THE USE
+OF THIS DOCUMENT OR THE INFORMATION OR WORKS PROVIDED HEREUNDER, AND DISCLAIMS
+LIABILITY FOR DAMAGES RESULTING FROM THE USE OF THIS DOCUMENT OR THE INFORMATION
+OR WORKS PROVIDED HEREUNDER.
+
+Statement of Purpose
+
+The laws of most jurisdictions throughout the world automatically confer exclusive
+Copyright and Related Rights (defined below) upon the creator and subsequent
+owner(s) (each and all, an "owner") of an original work of authorship and/or
+a database (each, a "Work").
+
+Certain owners wish to permanently relinquish those rights to a Work for the
+purpose of contributing to a commons of creative, cultural and scientific
+works ("Commons") that the public can reliably and without fear of later claims
+of infringement build upon, modify, incorporate in other works, reuse and
+redistribute as freely as possible in any form whatsoever and for any purposes,
+including without limitation commercial purposes. These owners may contribute
+to the Commons to promote the ideal of a free culture and the further production
+of creative, cultural and scientific works, or to gain reputation or greater
+distribution for their Work in part through the use and efforts of others.
+
+For these and/or other purposes and motivations, and without any expectation
+of additional consideration or compensation, the person associating CC0 with
+a Work (the "Affirmer"), to the extent that he or she is an owner of Copyright
+and Related Rights in the Work, voluntarily elects to apply CC0 to the Work
+and publicly distribute the Work under its terms, with knowledge of his or
+her Copyright and Related Rights in the Work and the meaning and intended
+legal effect of CC0 on those rights.
+
+1. Copyright and Related Rights. A Work made available under CC0 may be protected
+by copyright and related or neighboring rights ("Copyright and Related Rights").
+Copyright and Related Rights include, but are not limited to, the following:
+
+i. the right to reproduce, adapt, distribute, perform, display, communicate,
+and translate a Work;
+
+ii. moral rights retained by the original author(s) and/or performer(s);
+
+iii. publicity and privacy rights pertaining to a person's image or likeness
+depicted in a Work;
+
+iv. rights protecting against unfair competition in regards to a Work, subject
+to the limitations in paragraph 4(a), below;
+
+v. rights protecting the extraction, dissemination, use and reuse of data
+in a Work;
+
+vi. database rights (such as those arising under Directive 96/9/EC of the
+European Parliament and of the Council of 11 March 1996 on the legal protection
+of databases, and under any national implementation thereof, including any
+amended or successor version of such directive); and
+
+vii. other similar, equivalent or corresponding rights throughout the world
+based on applicable law or treaty, and any national implementations thereof.
+
+2. Waiver. To the greatest extent permitted by, but not in contravention of,
+applicable law, Affirmer hereby overtly, fully, permanently, irrevocably and
+unconditionally waives, abandons, and surrenders all of Affirmer's Copyright
+and Related Rights and associated claims and causes of action, whether now
+known or unknown (including existing as well as future claims and causes of
+action), in the Work (i) in all territories worldwide, (ii) for the maximum
+duration provided by applicable law or treaty (including future time extensions),
+(iii) in any current or future medium and for any number of copies, and (iv)
+for any purpose whatsoever, including without limitation commercial, advertising
+or promotional purposes (the "Waiver"). Affirmer makes the Waiver for the
+benefit of each member of the public at large and to the detriment of Affirmer's
+heirs and successors, fully intending that such Waiver shall not be subject
+to revocation, rescission, cancellation, termination, or any other legal or
+equitable action to disrupt the quiet enjoyment of the Work by the public
+as contemplated by Affirmer's express Statement of Purpose.
+
+3. Public License Fallback. Should any part of the Waiver for any reason be
+judged legally invalid or ineffective under applicable law, then the Waiver
+shall be preserved to the maximum extent permitted taking into account Affirmer's
+express Statement of Purpose. In addition, to the extent the Waiver is so
+judged Affirmer hereby grants to each affected person a royalty-free, non
+transferable, non sublicensable, non exclusive, irrevocable and unconditional
+license to exercise Affirmer's Copyright and Related Rights in the Work (i)
+in all territories worldwide, (ii) for the maximum duration provided by applicable
+law or treaty (including future time extensions), (iii) in any current or
+future medium and for any number of copies, and (iv) for any purpose whatsoever,
+including without limitation commercial, advertising or promotional purposes
+(the "License"). The License shall be deemed effective as of the date CC0
+was applied by Affirmer to the Work. Should any part of the License for any
+reason be judged legally invalid or ineffective under applicable law, such
+partial invalidity or ineffectiveness shall not invalidate the remainder of
+the License, and in such case Affirmer hereby affirms that he or she will
+not (i) exercise any of his or her remaining Copyright and Related Rights
+in the Work or (ii) assert any associated claims and causes of action with
+respect to the Work, in either case contrary to Affirmer's express Statement
+of Purpose.
+    
+4. Limitations and Disclaimers.
+
+a. No trademark or patent rights held by Affirmer are waived, abandoned, surrendered,
+licensed or otherwise affected by this document.
+
+b. Affirmer offers the Work as-is and makes no representations or warranties
+of any kind concerning the Work, express, implied, statutory or otherwise,
+including without limitation warranties of title, merchantability, fitness
+for a particular purpose, non infringement, or the absence of latent or other
+defects, accuracy, or the present or absence of errors, whether or not discoverable,
+all to the greatest extent permissible under applicable law.
+
+c. Affirmer disclaims responsibility for clearing rights of other persons
+that may apply to the Work or any use thereof, including without limitation
+any person's Copyright and Related Rights in the Work. Further, Affirmer disclaims
+responsibility for obtaining any necessary consents, permissions or other
+rights required for any use of the Work.
+
+d. Affirmer understands and acknowledges that Creative Commons is not a party
+to this document and has no duty or obligation with respect to this CC0 or
+use of the Work.

index.html

@@ -2,15 +2,13 @@
 <html lang="en">
 <head>
     <meta charset="UTF-8">
-    <title>Comfitu.re - Sweet comfy</title>
+    <title>Comfitu.re - Sweet and Cozy</title>
 
     <link href="style.css" rel="stylesheet"/>
-
+    <script src="script.js" type="application/javascript"></script>
 </head>
 <body>
 
-
-
     <div class="background"></div>
 
     <div class="container">
@@ -18,14 +16,17 @@
             <pre>
   ___            __ _ _
  / __|___ _ __  / _(_) |_ _  _   _ _ ___
-| (__/ _ \ '  \|  _| |  _| || |_| '_/ -_)   v0.1.33
+| (__/ _ \ '  \|  _| |  _| || |_| '_/ -_)   v1.0.0
  \___\___/_|_|_|_| |_|\__|\_,_(_)_| \___|   by Fristi-kan
             </pre>
-            <a class="active" href="#home">Home</a> | <a href="#projects">Projects</a> | <a href="#contact">Contact</a> <br/>
+            <a href="#home">Home</a>
+            | <a href="#about">About</a>
+            | <a href="#projects">Projects</a>
+            | <a href="#contact">Contact</a><br/>
         </header>
 
         <main>
-            <div id="home">
+            <div class="content" id="home">
                 <pre>
                                               (   )
                                              (    )
@@ -49,7 +50,7 @@
                 </pre>
 
                 <p>
-                    Hello, welcome to my comfy personal website! 0w0
+                    Hello, welcome to my cozy personal website! 0w0
                 </p>
 
                 <p>
@@ -59,23 +60,56 @@
                     of services including a Pleroma microblogging instance, a Nextcloud instance,
                     a Prosody XMPP instance, as well as some of my websites and some other small things.
                 </p>
+            </div>
 
+            <div class="content" id="about">
+                <h1>About me</h1>
                 <p>
-
+                    Under Construction.
                 </p>
             </div>
 
-            <!--<div id="projects">
+            <div class="content" id="projects">
                 <h1>Software Projects</h1>
+                <p>
+                    Under Construction.
+                </p>
             </div>
 
-            <div id="contact">
+            <div class="content" id="contact">
                 <h1>Contact information</h1>
+                <p>
+                    I can be contacted by email, xmpp or the fediverse.
+                </p>
+                <p>
+                    Email: <a href="mailto:fristi@subcon.town">fristi@subcon.town</a><br/>
+                    XMPP: <a href="mailto:fristi@subcon.town">fristi@subcon.town</a><br/>
+                    Fediverse: <a target="_blank" href="https://kartoffel.cafe/fristi">@fristi@kartoffel.cafe</a>
+                </p>
             </div>
 
-            <div id="copyright">
+            <div class="content" id="copyright">
                 <h1>Copyright notice</h1>
-            </div>-->
+                <p>
+                    Unless otherwise specified, the Creative Commons Zero (CC0)
+                    clause applies to this website, including its content
+                    and source code. Please see the <a target="_blank" href="LICENSE.md">CC0 clause</a>
+                    and <a target="_blank" href="https://git.subcon.town/fristi/comfitu.re">source code</a>.
+                </p>
+
+                <h2>Exceptions regarding media content</h2>
+                <p>
+                    The CC0 clause does not apply to the images, videos, audio and fonts used on
+                    this website. The respective copyright licenses for these works apply.
+                </p>
+
+                <h2>Complaints</h2>
+                <p>
+                    If you feel any material is incorrectly used on this website, or otherwise
+                    infringes on your copyright, feel free to file a complaint to
+                    <a href="mailto:fristi@subcon.town">fristi@subcon.town</a>.
+                </p>
+            </div>
         </main>
 
         <footer>

script.js

@@ -0,0 +1,65 @@
+console.debug('load');
+
+(function (){
+
+    console.debug('anonymous');
+
+    var activeLink;
+    var activeContent;
+    var wallpapers = [
+        '1.gif', '2.gif', '3.gif', '4.gif',
+        '5.gif', '6.gif', '7.gif', '8.gif',
+        '9.gif',
+        '1.png', '2.png', '3.png', '4.png',
+        '5.png', '6.png', '7.png', '8.png',
+        '9.png',
+    ];
+
+    window.addEventListener('load', function(){
+        //Hide all content
+        let contents = document.querySelectorAll('.content');
+        contents.forEach(function (element) {
+            element.classList.add('hide');
+        });
+
+        //Activate content matching hash in url (or home instead)
+        let hash = window.location.hash;
+        if(!hash) hash = '#home';
+        switchActiveContent(hash);
+
+        //Set random wallpaper
+        let wallpaper = wallpapers[Math.floor(Math.random() * wallpapers.length)];
+        document.querySelector('.background').style.backgroundImage = 'url("backgrounds/'+wallpaper+'")';
+
+        //Add click event handlers for header/footer links
+        window.addEventListener("click", event => {
+            var elements = document.querySelectorAll('header a, footer a');
+            elements.forEach(element => {
+                if (element && element.contains(event.target)) {
+                    let hash = element.getAttribute('href');
+                    switchActiveContent(hash);
+                }
+            });
+        });
+    });
+
+    function switchActiveContent(id)
+    {
+        let link = document.querySelector('a[href="'+id+'"]');
+        let content = document.querySelector(id);
+
+        if(link && content) {
+            if(activeLink) activeLink.classList.remove('active');
+            if(activeContent) activeContent.classList.add('hide');
+
+            link.classList.add('active');
+            content.classList.remove('hide');
+
+            activeLink = link;
+            activeContent = content;
+        } else {
+            console.error('Error: not switching content; link or content element for id ' + id + ' does not exist.');
+        }
+    }
+
+})();

style.css

@@ -1,6 +1,6 @@
 @font-face {
     font-family: IBMVGA8;
-    src: url("Web437_IBM_VGA_8x16.woff");
+    src: url("fonts/Web437_IBM_VGA_8x16.woff");
 }
 
 html {
@@ -13,17 +13,8 @@ body {
     padding:0;
 }
 
-.test {
+.hide {
-    position: absolute;
+    display: none;
-    top: 20px;
-    left :20px;
-    width: 300px;
-    height: 20px;
-
-    border-top-left-radius: 50%;
-    border-top-right-radius: 50%;
-
-    background-color: #000000;
 }
 
 .background {
@@ -32,7 +23,7 @@ body {
     left:0;
     width:100%;
     height:100%;
-    background-image: url("3.jpeg");
+    /*background-image: url("3.jpeg");*/
     background-position: center center;
     background-size: cover;
     background-attachment: fixed;