added TOS page, removed unecessary filesi, fixed mobile layout
This commit is contained in:
parent
a46419f8a4
commit
aba12c92a6
7 changed files with 194 additions and 190 deletions
|
|
@ -5,7 +5,7 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<title>About Alison Kit</title>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
<link rel="stylesheet" href="./../style.css">
|
||||
</head>
|
||||
<body>
|
||||
<!--- <script src="index.js"></script> ---!>
|
||||
|
|
|
|||
15
main/comms/index.html
Normal file
15
main/comms/index.html
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<title>About Alison Kit</title>
|
||||
<link rel="stylesheet" href="./../style.css">
|
||||
</head>
|
||||
<body>
|
||||
<!--- <script src="index.js"></script> ---!>
|
||||
<h1>Page is a WIP!</h1>
|
||||
<p>Come back later!</p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,93 +0,0 @@
|
|||
@import url(https://fonts.bunny.net/css?family=azeret-mono);
|
||||
*{
|
||||
font-family: 'Azeret Mono', monospace;
|
||||
}
|
||||
body{
|
||||
padding:6vh 4vw;
|
||||
}
|
||||
/* The side navigation menu */
|
||||
.sidebar {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 200px;
|
||||
background-color: #5e344a
|
||||
position: fixed;
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
/* Sidebar links */
|
||||
.sidebar a {
|
||||
display: block;
|
||||
color: black;
|
||||
padding: 16px;
|
||||
text-decoration: none;
|
||||
}
|
||||
/* Active/current link */
|
||||
.sidebar a.active {
|
||||
background-color: #04AA6D;
|
||||
color: #5e344a;
|
||||
}
|
||||
/* Links on mouse-over */
|
||||
.sidebar a:hover:not(.active) {
|
||||
background-color: #555;
|
||||
color: #5e344a;
|
||||
}
|
||||
/* Page content. The value of the margin-left property should match the value of the sidebar's width property */
|
||||
div.content {
|
||||
margin-left: 200px;
|
||||
padding: 16px 16px;
|
||||
}
|
||||
/* On screens that are less than 700px wide, make the sidebar into a topbar */
|
||||
@media screen and (max-width: 700px) {
|
||||
.sidebar {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
position: relative;
|
||||
}
|
||||
.sidebar a {float: left;}
|
||||
div.content {margin-left: 0;}
|
||||
}
|
||||
/* On screens that are less than 400px, display the bar vertically, instead of horizontally */
|
||||
@media screen and (max-width: 400px) {
|
||||
.sidebar a {
|
||||
text-align: center;
|
||||
float: none;
|
||||
}
|
||||
}
|
||||
#home {
|
||||
font-weight:bold;
|
||||
}
|
||||
#gallery {
|
||||
}
|
||||
#gallery h1 {
|
||||
border-bottom:4px solid rgb(255, 44, 90);
|
||||
width:6%;
|
||||
}
|
||||
#photos {
|
||||
width:50%;
|
||||
column-gap:4%;
|
||||
transition:0.4s ease-in-out;
|
||||
}
|
||||
#photos img {
|
||||
width:20%;
|
||||
height:auto;
|
||||
margin:4.5% 0px;
|
||||
transition:0.4s ease-in-out;
|
||||
}
|
||||
#photos img:hover {
|
||||
transform: scale(2);
|
||||
cursor: pointer;
|
||||
}
|
||||
#contact {
|
||||
width:auto;
|
||||
}
|
||||
#contact h1 {
|
||||
border-bottom:4px solid rgb(255, 44, 90);
|
||||
width:10%;
|
||||
}
|
||||
#footer {
|
||||
width:100%;
|
||||
padding:10vh 0px;
|
||||
text-align:center;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>Alison Kit Live</title>
|
||||
<link rel="stylesheet" href="style.css" type="text/css" media="screen"/>
|
||||
<link rel="stylesheet" href="./../style.css" type="text/css" media="screen"/>
|
||||
</head>
|
||||
<body>
|
||||
<!-- The sidebar -->
|
||||
|
|
|
|||
|
|
@ -1,92 +0,0 @@
|
|||
@import url(https://fonts.bunny.net/css?family=azeret-mono);
|
||||
*{
|
||||
font-family: 'Azeret Mono', monospace;
|
||||
background-color:#2b1d22;
|
||||
color:#edd0db;
|
||||
}
|
||||
body {
|
||||
padding:6vh 4vw;
|
||||
background-color: rgba(0,0,0,0);
|
||||
}
|
||||
h1,h2,h3,h4,h5,h6,p,a{
|
||||
background-color: rgba(0,0,0,0);
|
||||
}
|
||||
h2{
|
||||
color: #f98498;
|
||||
border-bottom:4px solid #af3d56;
|
||||
width:10%;
|
||||
}
|
||||
h3{
|
||||
color: #f98498;
|
||||
}
|
||||
p{
|
||||
|
||||
}
|
||||
a{
|
||||
color: #ef679b;
|
||||
}
|
||||
.sidenav {
|
||||
width: 150px;
|
||||
position: fixed;
|
||||
z-index: 1;
|
||||
top: 25px;
|
||||
left: 25px;
|
||||
background: #6b3b46;
|
||||
overflow-x: hidden;
|
||||
padding: 8px 0;
|
||||
}
|
||||
|
||||
.sidenav a {
|
||||
padding: 6px 8px 6px 16px;
|
||||
text-decoration: none;
|
||||
color: #edd0db;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.sidenav a:hover {
|
||||
color: #af3d56;
|
||||
}
|
||||
|
||||
.main {
|
||||
margin-left: 140px; /* Same width as the sidebar + left position in px */
|
||||
padding: 0px 10px;
|
||||
}
|
||||
|
||||
@media screen and (max-height: 450px) {
|
||||
.sidenav {padding-top: 15px;}
|
||||
.sidenav a {font-size: 18px;}
|
||||
}
|
||||
#home {
|
||||
font-weight:bold;
|
||||
}
|
||||
#home h2{
|
||||
width:25%;
|
||||
}
|
||||
#gallery {
|
||||
width:auto;
|
||||
}
|
||||
#photos {
|
||||
width:100%;
|
||||
columns:3;
|
||||
column-gap:4%;
|
||||
transition:0.4s ease-in-out;
|
||||
}
|
||||
#photos img {
|
||||
width:100%;
|
||||
height:auto;
|
||||
margin:4.5% 0px;
|
||||
transition:0.4s ease-in-out;
|
||||
}
|
||||
#photos img:hover {
|
||||
transform: scale(1.2);
|
||||
cursor: pointer;
|
||||
}
|
||||
#contact {
|
||||
width:auto;
|
||||
}
|
||||
#footer {
|
||||
width:100%;
|
||||
padding:10vh 0px;
|
||||
text-align:center;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
|
@ -52,9 +52,21 @@ a{
|
|||
padding: 0px 10px;
|
||||
}
|
||||
|
||||
@media screen and (max-height: 450px) {
|
||||
.sidenav {padding-top: 15px;}
|
||||
.sidenav a {font-size: 18px;}
|
||||
#@media screen and (max-height: 450px) {
|
||||
# .sidenav {padding-top: 15px;}
|
||||
# .sidenav a {font-size: 18px;}
|
||||
#}
|
||||
@media screen and (orientation: portrait) {
|
||||
.sidenav {
|
||||
position: sticky;
|
||||
display: inline-flex;
|
||||
width: max-content;
|
||||
}
|
||||
}
|
||||
@media screen and (orientation: portrait) {
|
||||
.main {
|
||||
margin-left: 0px
|
||||
}
|
||||
}
|
||||
#home {
|
||||
font-weight:bold;
|
||||
|
|
|
|||
162
main/tos/index.html
Normal file
162
main/tos/index.html
Normal file
|
|
@ -0,0 +1,162 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<title> Terms of Service
|
||||
</title>
|
||||
<meta name="generator" content="Org Mode" />
|
||||
<link rel="stylesheet" href="./../style.css" type="text/css" media="screen"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="content" class="sidenav">
|
||||
<a href="#org5cd1575">1. Definitions</a>
|
||||
<a href="#org6c844e6">2. Generals</a>
|
||||
<a href="#org5a011af">3. Procedures</a>
|
||||
<a href="#org6312c2f">4. Image rights</a>
|
||||
<a href="#org1d7bee2">5. Payments</a>
|
||||
<a href="#orgdeec50c">6. Refund polics</a>
|
||||
<a href="#org4411359">7. What I can draw</a>
|
||||
<a href="#org3cade63">8. What I don’t draw</a>
|
||||
<a href="#org0d1b19d">9. I’ll refuse to draw</a>
|
||||
</div>
|
||||
<div id="outline-container-org6f666c1" class="main">
|
||||
<h2 id="org6f666c1">Terms and Conditions</h2>
|
||||
<div class="outline-text-1" id="text-1">
|
||||
</div>
|
||||
<div id="outline-container-org5cd1575" class="outline-3">
|
||||
<h3 id="org5cd1575">
|
||||
<span class="section-number-3">1.
|
||||
</span> Definitions
|
||||
</h3>
|
||||
<div class="outline-text-2" id="text-1-1">
|
||||
<ul class="org-li">
|
||||
<li>“I”, “Me”, “My” “Myself” refer to the artist who goes by the alias “Alison Kit” and all of which are used across my social media accounts as described in the url ‘’alisonkit.com’’.
|
||||
</li>
|
||||
<li>“You, “Your”, “Client” refer to the individual or party obtaining a commission and/or merchandise from the artist.
|
||||
</li>
|
||||
<li>“Commission” refers to the exchange of the commissioner’s money and the work of art made by the artist.
|
||||
</li>
|
||||
<li>“Work, “work of art”, “artwork” refer to a creation by the artist and its derivatives, made through physical or digital means.
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org6c844e6" class="outline-3">
|
||||
<h3 id="org6c844e6">
|
||||
<span class="section-number-3">2.
|
||||
</span> General
|
||||
</h3>
|
||||
<div class="outline-text-3" id="text-1-2">
|
||||
<ul class="org-ul">
|
||||
<li>As the artist, I have the right to refuse any idea deemed not fit for it to be materialized through my art commission service.
|
||||
</li>
|
||||
<li>I reserve the right to cancel and refund a commission for any reason and at any time.
|
||||
</li>
|
||||
<li>I reserve the right to decline refunds for finished commissions.
|
||||
</li>
|
||||
<li>I reserve the right to decline any further modifications to a commission once it has already been finished and given to the commissioner.
|
||||
</li>
|
||||
<li>I will not refuse service to anyone based on race, ethnicity, nationality, disability, sex, gender, sexual orientation, or religion.
|
||||
</li>
|
||||
<li>I will not draw intellectual property the comissioner has no rights to use (such as characters the commissioner doesn’t have authorization to use)
|
||||
</li>
|
||||
<li>If the commissioner acts in a rude or uneducated manner, asks me to start the commission process before any payment is given, or begs for anything unlawful to be added to the commission, I will cancel the commission and send a note regarding the cancellation.
|
||||
</li>
|
||||
<li>The artwork is delivered through Arty.ooo
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org5a011af" class="outline-3">
|
||||
<h3 id="org5a011af"><span class="section-number-3">3.</span> Procedure</h3>
|
||||
<div class="outline-text-3" id="text-1-3">
|
||||
<ul class="org-ul">
|
||||
<li>The client will contact me via email with details regarding their idea for a commission. I will review it and we will start negotiating the commission details.</li>
|
||||
<li>Once me and the commissioner agree on a price and idea, I send an invoice to the client, detailing the price, delivery time and terms of service. As soon as the client pays, I will start creating the artwork.</li>
|
||||
<li>The client has the right to request updates througout the commission process.</li>
|
||||
<li>Once the artwork is complete, it will be sent digitally to the client. In the case where it’s physical artwork, a digital copy will be sent and shipping details will be discussed so that the physical artwork can be sent.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org6312c2f" class="outline-3">
|
||||
<h3 id="org6312c2f"><span class="section-number-3">4.</span> Image rights</h3>
|
||||
<div class="outline-text-3" id="text-1-4">
|
||||
<ul class="org-ul">
|
||||
<li>The artwork’s copyright remains with me by default. This includes but is not limited to, the following: the right to distribute, publish, alter the artwork as I wish, as well as to distribute it non-commercially or commercially.</li>
|
||||
<li>Any intellectual property (Example: Characters, Logos, etc) not created my me will remain their respective owner’s property, whether it’s the commissioner or a third party. I assume I am only granted permission to use these characters.</li>
|
||||
<li>The commissioner and any third parties directly involved (such as people whose characters are featured in the artwork) have the right to use and repost any commissioned artwork for non-commercial use without my written permission.</li>
|
||||
<li>My signature must be intact and present when distributing an entire piece of my work.</li>
|
||||
<li>You may not claim ownership of the commissioned piece of work if we have not reached an agreement for you the comissioner to own additional rights to the artwork than those previously mentioned.</li>
|
||||
<li>Full rights to my artwork may be acquired for an additional fee, which can be negotiated. My artwork may also be used for commercial distribution and/or use with a royalty agreement.</li>
|
||||
<li>All of my artwork cannot be used for NFT’s (Non-Fungible Tokens), AI Image Generators (such as Dall-E, MidJourney), or to facilitate any kind of hateful speech. I do not consent the use of my artwork in any of these scenarios or tools.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org1d7bee2" class="outline-3">
|
||||
<h3 id="org1d7bee2"><span class="section-number-3">5.</span> Payment</h3>
|
||||
<div class="outline-text-3" id="text-1-5">
|
||||
<ul class="org-ul">
|
||||
<li>Payment is made through Arty. This allows the client to pay using PayPal or Credit/Debit Card.</li>
|
||||
<li>Prices are not negotiable right after a set price has been established and approved by me and the client.</li>
|
||||
<li>I reserve the right to add additional charges for extensive edits to a commissioned after the client has approved the initial layout sketch.</li>
|
||||
<li>Payment is accepted full-front only, given how Arty operates.</li>
|
||||
<li>The finished artwork will be given to the customer upon completion and will be given a copy of the work in its original resolution.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-orgdeec50c" class="outline-3">
|
||||
<h3 id="orgdeec50c"><span class="section-number-3">6.</span> Refund policy</h3>
|
||||
<div class="outline-text-3" id="text-1-6">
|
||||
<ul class="org-ul">
|
||||
<li>Commissioners may ask for a full refund If I fail to give the comission in the date of delivery (reasons upon failure of completion will be explained to the commissioner.)</li>
|
||||
<li>Comissioners cannot ask for a refund after the comission process has been completed, and the artwork has been delivered and approved.</li>
|
||||
<li>Refunds made through artwork paid through third party services like (arty.ooo) are processed according to their terms of service.</li>
|
||||
<li>In any case where a physical item is damaged or lost during shipping, a replacement or refund may be negotiated.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org4411359" class="outline-3">
|
||||
<h3 id="org4411359"><span class="section-number-3">7.</span> What I Can Draw</h3>
|
||||
<div class="outline-text-3" id="text-1-7">
|
||||
<ul class="org-ul">
|
||||
<li>Anthro/Furry</li>
|
||||
<li>Human</li>
|
||||
<li>Blood</li>
|
||||
<li>Derivative/Transformative concepts from existing media that fall under fair use.(For example, Pokemon OC’s)</li>
|
||||
<li>Light drug use (Alcohol, Smoking, legal substances)(must be 18 years or older to receive this kind of art)</li>
|
||||
<li>Casual/Artistic Nudity (must be 18 years or older to receive this kind of art)</li>
|
||||
<li>Kink (If it’s a Risk-Aware Consensual Kink, please ask!)</li>
|
||||
<li>NSFW artwork (must be 18 years or older to request and receive this kind of art, only anthro)</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org3cade63" class="outline-3">
|
||||
<h3 id="org3cade63"><span class="section-number-3">8.</span> What I don’t Draw</h3>
|
||||
<div class="outline-text-3" id="text-1-8">
|
||||
<ul class="org-ul">
|
||||
<li>Extreme inflation or muscle</li>
|
||||
<li>Hardcore Gore/Vore (Example: being mutilated or eaten alive in a very gruesome and realistic way)</li>
|
||||
<li>The art style of an established franchise (For example, MLP/Sonic style)</li>
|
||||
<li>The art style of another artist</li>
|
||||
<li>Any third party copyrighted character commissioned for profitable purposes (any fan-art or depiction of a trademarked character that does not fall under fair use is strictly for non-profit purposes.)</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org0d1b19d" class="outline-3">
|
||||
<h3 id="org0d1b19d"><span class="section-number-3">9.</span> I’ll refuse to draw under any circumstances:</h3>
|
||||
<div class="outline-text-3" id="text-1-9">
|
||||
<ul class="org-ul">
|
||||
<li>Extreme fetishes (scat, diapers, vomit, etc.)</li>
|
||||
<li>Anything illegal or immoral (Pedophilia, Zoophilia, Bestiality, Incest, Rape), including anything that enables these sorts of actions</li>
|
||||
<li>Hateful speech, symbols or ideology (this includes racism, homophobia, transphobia, xenophobia, ableism, fascism, etc.)</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="postamble" class="main">
|
||||
<p class="date">Last Updated: 2024-07-02 Tue 20:05</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in a new issue