source for lucas.co
sitev3
Notes-Ideas.txt | 3 -
archive/CNAME | 1 -
archive/contact.html | 26 ---------
archive/index.html | 69 -----------------------
archive/index.html.bak | 69 -----------------------
archive/mystyle.css | 127 ------------------------------------------
archive/mystyle.css.bak | 119 ---------------------------------------
grid_test/grid_index.html | 24 --------
grid_test/grid_index.html.bak | 22 --------
grid_test/grid_style.css | 59 --------------------
grid_test/grid_style.css.bak | 59 --------------------
horny.gif | Bin 20502976 -> 0 bytes
index.html | 36 +++---------
indexx.html | 45 ---------------
media/chobits-chii.png | Bin 2093311 -> 0 bytes
media/magic.gif | Bin 20502976 -> 0 bytes
media/rin_kokonoe.jpg | Bin 29799 -> 0 bytes
old site/index_old.html | 72 ------------------------
old site/mystyle_old.css | 127 ------------------------------------------
styles.css | 82 ---------------------------
tt | 0
21 files changed, 9 insertions(+), 931 deletions(-)
diff --git a/Notes-Ideas.txt b/Notes-Ideas.txt
deleted file mode 100644
index 1e67d04..0000000
--- a/Notes-Ideas.txt
+++ /dev/null
@@ -1,3 +0,0 @@
--Develop grid-based view based on browser width
--Save-state for toggle on site
--Temporary dog:Grown in a lab, you buy them and they die after a few days. You don't have to feed them and they don't use the bathroom. 10k
\ No newline at end of file
diff --git a/archive/CNAME b/archive/CNAME
deleted file mode 100644
index e3873e7..0000000
--- a/archive/CNAME
+++ /dev/null
@@ -1 +0,0 @@
-synthpu.re
diff --git a/archive/contact.html b/archive/contact.html
deleted file mode 100644
index c8ed0dd..0000000
--- a/archive/contact.html
+++ /dev/null
@@ -1,26 +0,0 @@
-<!doctype html>
-<html lang="en">
-
-<head>
- <link rel="stylesheet" href="mystyle.css">
- <title>Synthpu.re/contact</title>
-</head>
-
-<body>
- <div class="header">
- Synthpu.re
- </div>
-
- <div class="navigation">
- <a class="there" href="/items.html">Items</a>
- <a class="here" href="/contact.html">Contact</a>
- </div>
-
- <div class = "contact_box">
- <div>Lucas Galante</div>
- <p>[email protected]</p>
- <p>@_lucasgalante</p>
- </div>
-</body>
-
-</html>
diff --git a/archive/index.html b/archive/index.html
deleted file mode 100644
index a14fd04..0000000
--- a/archive/index.html
+++ /dev/null
@@ -1,69 +0,0 @@
-<!doctype html>
-<html lang="en">
-
-<head>
- <link rel="stylesheet" href="mystyle.css">
- <title>Synthpu.re</title>
-</head>
-
-<body>
- <div class="header">
- Synthpu.re
- </div>
-
- <div class = "contact_box">
- <div>Halcyinth Elbatour</div>
- <p>[email protected]</p>
- <p>@x</p>
- </div>
-
- <div class="chocolate_box">
- <div class="box_title">Chocolate Anime Figures</div>
-
- <input class="radio" id="one" name="chocolate_figures" type="radio" checked>
- <input class="radio" id="two" name="chocolate_figures" type="radio">
-
- <div class="tab_container">
- <label class="tab" id="tab_one" for="one">Chobits Chii</label>
- <label class="tab" id="tab_two" for="two">New Figure</label>
- </div>
-
- <div class="slides">
- <div class="slide" id="slide_one">
- <img class="image" src="media/chobits-chii.png" height="128" width="128">
- <div class="description">Chobits Chii is a beautiful girl and you can take a big bite out of her with Chobits Chii Anime Figure Made Out of Chocolate.</div>
- <div class="price">USD 80</div>
- </div>
- <div class="slide" id="slide_two">
- <img class="image" src="media/rin_kokonoe.jpg" height="128" width="128">
- <div class="description">Please bear the extra cost and ask me to make you a new Anime Figure that I have not done before. Whatever character you choose will be added to the lineup of figures you can order for USD 80.</div>
- <div class="price">USD 200</div>
- </div>
- </div>
- </div>
-
- <div class="sewing_box">
-
- <div class="box_title">Sewing Services</div>
-
- <input class="radio" id="one" name="sewing_services" type="radio" checked>
-
- <div class="tab_container">
- <label class="tab" id="tab_one" for="one">Alterations</label>
- </div>
-
- <div class="slides">
- <div class="slide" id="slide_one">
- Alteration
- </div>
- <div class="price">USD TBD</div>
- </div>
- </div>
-
- <div class="magic_box">
- <img class="image" src="media/magic.gif" height="200" width="200">
- </div>
-
-</body>
-
-</html>
diff --git a/archive/index.html.bak b/archive/index.html.bak
deleted file mode 100644
index 4988c83..0000000
--- a/archive/index.html.bak
+++ /dev/null
@@ -1,69 +0,0 @@
-<!doctype html>
-<html lang="en">
-
-<head>
- <link rel="stylesheet" href="mystyle.css">
- <title>Synthpu.re</title>
-</head>
-
-<body>
- <div class="header">
- Synthpu.re
- </div>
-
- <div class = "contact_box">
- <div>Halcyinth Elbatour</div>
- <p>[email protected]</p>
- <p>@x</p>
- </div>
-
- <div class="chocolate_box">
- <div class="box_title">Chocolate Anime Figures</div>
-
- <input class="radio" id="one" name="chocolate_figures" type="radio" checked>
- <input class="radio" id="two" name="chocolate_figures" type="radio">
-
- <div class="tab_container">
- <label class="tab" id="tab_one" for="one">Chobits Chii</label>
- <label class="tab" id="tab_two" for="two">New Figure</label>
- </div>
-
- <div class="slides">
- <div class="slide" id="slide_one">
- <img class="image" src="media/chobits-chii.png" height="128" width="128">
- <div class="description">Chobits Chii is a beautiful girl and you can take a big bite out of her with Chobits Chii Anime Figure Made Out of Chocolate.</div>
- <div class="price">USD 80</div>
- </div>
- <div class="slide" id="slide_two">
- <img class="image" src="media/rin_kokonoe.jpg" height="128" width="128">
- <div class="description">Please bear the extra cost and ask me to make you a new Anime Figure that I have not done before. Whatever character you choose will be added to the lineup of figures you can order for USD 80.</div>
- <div class="price">USD 200</div>
- </div>
- </div>
- </div>
-
- <div class="sewing_box">
-
- <div class="box_title">Sewing Services</div>
-
- <input class="radio" id="one" name="sewing_services" type="radio" checked>
-
- <div class="tab_container">
- <label class="tab" id="tab_one" for="one">Alterations</label>
- </div>
-
- <div class="slides">
- <div class="slide" id="slide_one">
- Alteration
- </div>
- <div class="price">USD TBD</div>
- </div>
- </div>
-
- <div class="magic_box">
-
- </div>
-
-</body>
-
-</html>
diff --git a/archive/mystyle.css b/archive/mystyle.css
deleted file mode 100644
index 84f1151..0000000
--- a/archive/mystyle.css
+++ /dev/null
@@ -1,127 +0,0 @@
-
-
-body {
- background:white;
-}
-
-.header {
- padding:20px;
- margin:25px 25px 25px 100px;
-}
-
-.contact_box {
- height:100px;
- width:500px;
- padding:20px 20px 20px 20px;
- margin:25px 25px 25px 25px;
- border:1px solid black;
-}
-
-.chocolate_box {
- height:250px;
- width:500px;
- padding:20px 20px 20px 20px;
- margin:25px 25px 25px 25px;
- outline:1px solid black;
-}
-
-.sewing_box {
- height:250px;
- width:500px;
- padding:20px 20px 20px 20px;
- margin:25px 25px 25px 25px;
- outline:1px solid black;
-}
-
-.magic_box {
- height:250px;
- width:500px;
- padding:20px 20px 20px 20px;
- margin:25px 25px 25px 25px;
- outline:1px solid black;
-}
-
-.box_title {
- margin:0px 0px 20px 0px;
- outline:1px solid white;
-}
-
-.tab_container {
- margin:0px 0px 20px 0px;
- outline:0px solid black;
-}
-
-.tab {
- display:inline-block;
- cursor:pointer;
- padding:2px 8px 2px 8px;
- margin:0px 2px 0px 0px;
- outline:1px solid black;
-}
-
-.here:link, a.here:visited {
- background-color:black;
- color:white;
- padding:3px 35px;
- text-align:center;
- border:1px solid black;
- text-decoration:none;
- display:inline-block;
-}
-
-.there:link {
- background-color:white;
- color:black;
- padding:3px 35px;
- text-align:center;
- border:1px solid black;
- text-decoration:none;
- display:inline-block;
-}
-
-.slides {
- border:0px solid black;
-}
-
-.image {
- display:inline-block;
- margin:0px 10px 0px 0px;
- outline:0px solid black;
-}
-
-.description {
- display:inline-block;
- width:230px;
- vertical-align:top;
- text-align:justify;
- margin:0px 40px 0px 0px;
- outline:0px solid black;
-}
-
-.price {
- display:inline-block;
- vertical-align:top;
- margin:0px 0px 0px 0px;
- outline:0px solid black;
-}
-
-.slide {
- display:none;
-}
-
-.radio {
- display:none;
-}
-
-#one:checked ~ .slides #slide_one,
-#two:checked ~ .slides #slide_two,
-#three:checked ~ .slides #slide_three {
- display:block
-}
-
-#one:checked ~ .tab_container #tab_one,
-#two:checked ~ .tab_container #tab_two,
-#three:checked ~ .tab_container #tab_three {
- background:black;
- color:white;
-}
diff --git a/archive/mystyle.css.bak b/archive/mystyle.css.bak
deleted file mode 100644
index 474e3f9..0000000
--- a/archive/mystyle.css.bak
+++ /dev/null
@@ -1,119 +0,0 @@
-
-
-body {
- background:white;
-}
-
-.header {
- padding:20px;
- margin:25px 25px 25px 100px;
-}
-
-.contact_box {
- height:100px;
- width:500px;
- padding:20px 20px 20px 20px;
- margin:25px 25px 25px 25px;
- border:1px solid black;
-}
-
-.chocolate_box {
- height:250px;
- width:500px;
- padding:20px 20px 20px 20px;
- margin:25px 25px 25px 25px;
- outline:1px solid black;
-}
-
-.sewing_box {
- height:250px;
- width:500px;
- padding:20px 20px 20px 20px;
- margin: 25px 25px 25px 25px;
- outline:1px solid black;
-}
-
-.box_title {
- margin:0px 0px 20px 0px;
- outline:1px solid white;
-}
-
-.tab_container {
- margin:0px 0px 20px 0px;
- outline:0px solid black;
-}
-
-.tab {
- display:inline-block;
- cursor:pointer;
- padding:2px 8px 2px 8px;
- margin:0px 2px 0px 0px;
- outline:1px solid black;
-}
-
-.here:link, a.here:visited {
- background-color:black;
- color:white;
- padding:3px 35px;
- text-align:center;
- border:1px solid black;
- text-decoration:none;
- display:inline-block;
-}
-
-.there:link {
- background-color:white;
- color:black;
- padding:3px 35px;
- text-align:center;
- border:1px solid black;
- text-decoration:none;
- display:inline-block;
-}
-
-.slides {
- border:0px solid black;
-}
-
-.image {
- display:inline-block;
- margin:0px 10px 0px 0px;
- outline:0px solid black;
-}
-
-.description {
- display:inline-block;
- width:230px;
- vertical-align:top;
- text-align:justify;
- margin:0px 40px 0px 0px;
- outline:0px solid black;
-}
-
-.price {
- display:inline-block;
- vertical-align:top;
- margin:0px 0px 0px 0px;
- outline:0px solid black;
-}
-
-.slide {
- display:none;
-}
-
-.radio {
- display:none;
-}
-
-#one:checked ~ .slides #slide_one,
-#two:checked ~ .slides #slide_two,
-#three:checked ~ .slides #slide_three {
- display:block
-}
-
-#one:checked ~ .tab_container #tab_one,
-#two:checked ~ .tab_container #tab_two,
-#three:checked ~ .tab_container #tab_three {
- background:black;
- color:white;
-}
diff --git a/grid_test/grid_index.html b/grid_test/grid_index.html
deleted file mode 100644
index 045815d..0000000
--- a/grid_test/grid_index.html
+++ /dev/null
@@ -1,24 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
- <link rel="stylesheet" href="grid_style.css">
-</head>
-
-<body>
- <div class="card_container">
- <div class="card">one</div>
- <div class="card">two</div>
- <div class="card">three</div>
- <div class="card">four</div>
- <div class="card">five</div>
- <div class="card">six</div>
- <div class="card">seven</div>
- <div class="card">eight</div>
- <div class="card">nine</div>
- <div class="card">ten</div>
- <div class="card">eleven</div>
- <div class="card">twelve</div>
- </div>
-</body>
-</html>
\ No newline at end of file
diff --git a/grid_test/grid_index.html.bak b/grid_test/grid_index.html.bak
deleted file mode 100644
index 7a52cf1..0000000
--- a/grid_test/grid_index.html.bak
+++ /dev/null
@@ -1,22 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
- <link rel="stylesheet" href="grid_style.css">
-</head>
-
-<body>
- <div class="card">one</div>
- <div class="card">two</div>
- <div class="card">three</div>
- <div class="card">four</div>
- <div class="card">five</div>
- <div class="card">six</div>
- <div class="card">seven</div>
- <div class="card">eight</div>
- <div class="card">nine</div>
- <div class="card">ten</div>
- <div class="card">eleven</div>
- <div class="card">twelve</div>
-</body>
-</html>
\ No newline at end of file
diff --git a/grid_test/grid_style.css b/grid_test/grid_style.css
deleted file mode 100644
index 2452dd8..0000000
--- a/grid_test/grid_style.css
+++ /dev/null
@@ -1,59 +0,0 @@
-html { font-size:22px; }
-body { padding:10px; }
-
-.card {
- background-color:white;
- color:black;
- height:250px;
- width:500px;
- border:2px solid black;
- margin:auto;
-}
-
-@media (min-width:600px) {
- .card_container {
- margin:auto;
- display:grid;
- grid-gap:10px;
- width:500px;
- border:2px solid black;
- column-gap:10px;
- row-gap:20px;
- }
-}
-
-@media (min-width:1100px) {
- .card_container {
- margin:auto;
- display:grid;
- width:1000px;
- border:2px solid black;
- grid-template-columns: auto auto;
- column-gap:10px;
- row-gap:20px;
- }
-}
-
-@media (min-width:1600px) {
- .card_container {
- margin:auto;
- display:grid;
- width:1500px;
- border:2px solid black;
- grid-template-columns:auto auto auto;
- column-gap:10px;
- row-gap:20px;
- }
-}
-
-@media (min-width:2100px) {
- .card_container {
- margin:auto;
- display:grid;
- width:2000px;
- border:2px solid black;
- grid-template-columns:auto auto auto auto;
- column-gap:10px;
- row-gap:20px;
- }
-}
\ No newline at end of file
diff --git a/grid_test/grid_style.css.bak b/grid_test/grid_style.css.bak
deleted file mode 100644
index 21cf57b..0000000
--- a/grid_test/grid_style.css.bak
+++ /dev/null
@@ -1,59 +0,0 @@
-html { font-size:22px; }
-body { padding:10px; }
-
-.card {
- background-color:white;
- color:black;
- height:250px;
- width:500px;
- border:2px solid black;
- margin:auto;
-}
-
-@media (min-width:600px) {
- .card_container {
- margin:auto;
- display:grid;
- grid-gap:10px;
- width:500px;
- border:2px solid black;
- column-gap:10px;
- row-gap:20px;
- }
-}
-
-@media (min-width:1100px) {
- .card_container {
- margin:auto;
- display:grid;
- width:1000px;
- border:2px solid black;
- grid-template-columns: auto auto;
- column-gap:10px;
- row-gap:20px;
- }
-}
-
-@media (min-width:1600px) {
- .card_container {
- margin:auto;
- display:grid;
- width:1500px;
- border:2px solid black;
- grid-template-columns:auto auto auto;
- column-gap:10px;
- row-gap:20px;
- }
-}
-
-@media (min-width:2100px) {
- .card_container {
- margin:auto;
- display:grid;
- width:2000px;
- border:2px solid black;
- grid-template-columns:auto auto auto;
- column-gap:10px;
- row-gap:20px;
- }
-}
\ No newline at end of file
diff --git a/horny.gif b/horny.gif
deleted file mode 100644
index 86c6d73..0000000
Binary files a/horny.gif and /dev/null differ
diff --git a/index.html b/index.html
index f09f4ae..b919917 100644
--- a/index.html
+++ b/index.html
@@ -1,29 +1,11 @@
-<!DOCTYPE html>
-
<html>
-
- <head>
- <link rel="stylesheet" href="styles.css">
- <title>
- lucas.co/
- </title>
- </head>
- <body>
- <!-- <div class="title">Lucas Galante</div> -->
- <div class="whitebox">
- <div class="title">
- Lucas Galante
- </div>
- </div>
- <div class="boxx">
- <img src="horny.gif" class="myimg">
- </div>
- <div class="left"></div>
- <div class="right"></div>
- <div class="center"></div>
- <div class="circle1"></div>
- <div class="circle2"></div>
- </body>
-
-</html>
+<head>
+<link rel="stylesheet" href="css.css">
+<script src="js.js"></script>
+</head>
+
+<body id="body" onload="loadPage()">
+
+</body>
+</html>
\ No newline at end of file
diff --git a/indexx.html b/indexx.html
deleted file mode 100644
index 7a65250..0000000
--- a/indexx.html
+++ /dev/null
@@ -1,45 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-<meta name="viewport" content="width=device-width, initial-scale=1">
-<style>
-body {
- background-color: #8fb6ff;
- margin: 0;
-}
-.gradient {
- animation: animateBg 180s infinite linear;
- background-color: #fff;
- background-image: linear-gradient(0deg, #fff, #000, #da3287, #fff);
- background-size: 100% 300%;
- height: 100vh;
- width: 100vw;
-}
-@keyframes animateBg {
- 0% {
- background-position: 0 150%;
- }
- 100% {
- background-position: 0 0;
- }
-}
-div.work {
- position:absolute;
- left: 3vw;
- top: 3vh;
-}
-</style>
-<title>Page Title</title>
-</head>
-<body>
-
-<canvas id="canvas1" width="400" height="100"
-style="border:1px solid #000000;">
-You are a loser.
-</canvas>
-
-<article class="gradient"></article>
-<div class="work"><p><a href="file:///C:/Users/lsgal/OneDrive/Documents/website/index.html">Work</a></p></div>
-
-</body>
-</html>
\ No newline at end of file
diff --git a/media/chobits-chii.png b/media/chobits-chii.png
deleted file mode 100644
index 7c7bc31..0000000
Binary files a/media/chobits-chii.png and /dev/null differ
diff --git a/media/magic.gif b/media/magic.gif
deleted file mode 100644
index 86c6d73..0000000
Binary files a/media/magic.gif and /dev/null differ
diff --git a/media/rin_kokonoe.jpg b/media/rin_kokonoe.jpg
deleted file mode 100644
index 530e5ab..0000000
Binary files a/media/rin_kokonoe.jpg and /dev/null differ
diff --git a/old site/index_old.html b/old site/index_old.html
deleted file mode 100644
index 1992045..0000000
--- a/old site/index_old.html
+++ /dev/null
@@ -1,72 +0,0 @@
-<!doctype html>
-<html lang="en">
-
-<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
-<head>
- <link rel="stylesheet" href="mystyle.css">
- <title>Synthpu.re</title>
-</head>
-
-<body>
- <div class="header">
- Synthpu.re
- </div>
-
- <div class = "contact_box">
- <div>Halcyinth Elbatour</div>
- <p>[email protected]</p>
- <p>@x</p>
- </div>
-
- <div class="chocolate_box">
- <div class="box_title">Chocolate Anime Figures</div>
-
- <input class="radio" id="one" name="chocolate_figures" type="radio" checked>
- <input class="radio" id="two" name="chocolate_figures" type="radio">
-
- <div class="tab_container">
- <label class="tab" id="tab_one" for="one">Chobits Chii</label>
- <label class="tab" id="tab_two" for="two">New Figure</label>
- </div>
-
- <div class="slides">
- <div class="slide" id="slide_one">
- <img class="image" src="media/chobits-chii.png" height="128" width="128">
- <div class="description">Chobits Chii is a beautiful girl and you can take a big bite out of her with Chobits Chii Anime Figure Made Out of Chocolate.</div>
- <div class="price">USD 80</div>
- </div>
- <div class="slide" id="slide_two">
- <img class="image" src="media/rin_kokonoe.jpg" height="128" width="128">
- <div class="description">Please bear the extra cost and ask me to make you a new Anime Figure that I have not done before. Whatever character you choose will be added to the lineup of figures you can order for USD 80.</div>
- <div class="price">USD 200</div>
- </div>
- </div>
- </div>
-
- <div class="sewing_box">
-
- <div class="box_title">Sewing Services</div>
-
- <input class="radio" id="one" name="sewing_services" type="radio" checked>
- <input class="radio" id="two" name="sewing_services" type="radio">
-
- <div class="tab_container">
- <label class="tab" id="tab_one" for="one">Alterations</label>
- <label class="tab" id="tab_two" for="two">Custom Items</label>
- </div>
-
- <div class="slides">
- <div class="slide" id="slide_one">
- Alteration
- </div>
- <div class="price">USD TBD</div>
- </div>
- </div>
-
- <div class="magic_box">
- <img class="image" src="media/magic.gif" height="200" width="200">
- </div>
-
-</body>
-
-</html>
diff --git a/old site/mystyle_old.css b/old site/mystyle_old.css
deleted file mode 100644
index d97e5d8..0000000
--- a/old site/mystyle_old.css
+++ /dev/null
@@ -1,127 +0,0 @@
-
-
-body {
- background:white;
-}
-
-.header {
- padding:20px;
- margin:25px 25px 25px 100px;
-}
-
-.contact_box {
- height:100px;
- width:500px;
- padding:20px 20px 20px 20px;
- margin:25px 25px 25px 25px;
- border:1px solid black;
-}
-
-.chocolate_box {
- height:250px;
- width:500px;
- padding:20px 20px 20px 20px;
- margin:25px 25px 25px 25px;
- outline:1px solid black;
-}
-
-.sewing_box {
- height:250px;
- width:500px;
- padding:20px 20px 20px 20px;
- margin:25px 25px 25px 25px;
- outline:1px solid black;
-}
-
-.magic_box {
- height:250px;
- width:500px;
- padding:20px 20px 20px 20px;
- margin:25px 25px 25px 25px;
- outline:1px solid black;
-}
-
-.box_title {
- margin:0px 0px 20px 0px;
- outline:1px solid white;
-}
-
-.tab_container {
- margin:0px 0px 20px 0px;
- outline:0px solid black;
-}
-
-.tab {
- display:inline-block;
- cursor:pointer;
- padding:2px 8px 2px 8px;
- margin:0px 2px 0px 0px;
- outline:1px solid black;
-}
-
-.here:link, a.here:visited {
- background-color:black;
- color:white;
- padding:3px 35px;
- text-align:center;
- border:1px solid black;
- text-decoration:none;
- display:inline-block;
-}
-
-.there:link {
- background-color:white;
- color:black;
- padding:3px 35px;
- text-align:center;
- border:1px solid black;
- text-decoration:none;
- display:inline-block;
-}
-
-.slides {
- border:0px solid black;
-}
-
-.image {
- display:inline-block;
- margin:0px 10px 0px 0px;
- outline:0px solid black;
-}
-
-.description {
- display:inline-block;
- width:230px;
- vertical-align:top;
- text-align:justify;
- margin:0px 40px 0px 0px;
- outline:0px solid black;
-}
-
-.price {
- display:inline-block;
- vertical-align:top;
- margin:0px 0px 0px 0px;
- outline:0px solid black;
-}
-
-.slide {
- display:none;
-}
-
-.radio {
- display:none;
-}
-
-#one:checked ~ .slides #slide_one,
-#two:checked ~ .slides #slide_two,
-#three:checked ~ .slides #slide_three {
- display:block
-}
-
-#one:checked ~ .tab_container #tab_one,
-#two:checked ~ .tab_container #tab_two,
-#three:checked ~ .tab_container #tab_three {
- background:black;
- color:white;
-}
\ No newline at end of file
diff --git a/styles.css b/styles.css
deleted file mode 100644
index 48927da..0000000
--- a/styles.css
+++ /dev/null
@@ -1,82 +0,0 @@
-:root {
- --width1: 11%;
- --height1: 75%;
- --height2: 63%;
- --top1: 1%;
- --top2: 5%;
- --top3: 78%;
- --bottom1: 13%;
- --side1: 20%;
-}
-.title {
- font-size: 1.7vw;
- margin-top: .5vw;
- margin-left: .5vw;
-}
-.myimg {
- object-fit: contain;
- width: 100%;
- height: 100%;
-}
-.boxx {
- position: absolute;
- top: var(--top1);
- left: 36.0%;
- height:19%;
- width: 25%;
- padding: 1%;
- border: 1px solid black;
-}
-.whitebox {
- position: absolute;
- top: 0%;
- left: var(--side1);
- height: 3.3vw;
- width: var(--width1);
- background-color: white;
- z-index: 2;
-}
-.left {
- position: absolute;
- top: calc(var(--top1));
- left: var(--side1);
- height: calc(var(--height1));
- width: var(--width1);
- background-color: black;
- z-index: 1;
-}
-.right {
- position: absolute;
- top: var(--top1);
- right: var(--side1);
- height: var(--height1);
- width: var(--width1);
- background-color: black;
-}
-.center {
- position: absolute;
- top: 25.4%;
- left: calc(50% - 8% / 2);
- height: 45%;
- width: 8%;
- background-color: black;
-}
-.circle1 {
- position: absolute;
- top: var(--top3);
- left: var(--side1);
- width: var(--width1);
- padding-bottom: var(--width1);
- border-radius: 50%;
- border: 1px solid black;
-
-}
-.circle2 {
- position: absolute;
- top: var(--top3);
- right: var(--side1);
- width: var(--width1);
- padding-bottom: var(--width1);
- border-radius: 50%;
- border: 1px solid black;
-}
\ No newline at end of file
diff --git a/tt b/tt
deleted file mode 100644
index e69de29..0000000