fristi/comfitu.re
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Replaced wallpapers, implemented javascript functions, finalized design.

Browse source
This commit is contained in:
Fristi 2021-02-06 22:20:40 +01:00
parent d6fb052949
commit 1054e3003a
11 changed files with 235 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
1.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 993 KiB

BIN
2.jpeg
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 1 MiB

BIN
3.jpeg
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 7.1 MiB

BIN
4.jpeg
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 1.2 MiB

BIN
5.jpeg
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 1.1 MiB

119
LICENSE.md Normal file
View file

@ -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.

BIN
Web437_IBM_VGA_8x16-2x.woff
View file

Binary file not shown.

BIN
Web437_IBM_VGA_8x16.woff
View file

Binary file not shown.

60
index.html
View file

@ -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>

65
script.js Normal file
View file

@ -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.');
}
}
})();

17
style.css
View file

@ -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 {
position: absolute;
top: 20px;
left :20px;
width: 300px;
height: 20px;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
background-color: #000000;
.hide {
display: none;
}
.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;