source for lucas.co
improvements
magic.gif => horny.gif | Bin
index.html | 8 ++++++--
styles.css | 45 +++++++++++++++++++++++++++++++++++----------
3 files changed, 41 insertions(+), 12 deletions(-)
diff --git a/magic.gif b/horny.gif
similarity index 100%
rename from magic.gif
rename to horny.gif
diff --git a/index.html b/index.html
index d69b3a2..214eb5c 100644
--- a/index.html
+++ b/index.html
@@ -3,16 +3,20 @@
<html>
<head>
- <link rel = "stylesheet" href = "styles.css">
+ <link rel="stylesheet" href="styles.css">
<title>Homepage (─‿‿─)</title>
</head>
<body>
<div class="title">Lucas Galante</div>
- <img src = "magic.gif" class="box">
+ <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>
diff --git a/styles.css b/styles.css
index 8110703..55caaba 100644
--- a/styles.css
+++ b/styles.css
@@ -1,22 +1,29 @@
:root {
--width1: 11%;
- --height1: 70%;
+ --height1: 65%;
}
.title {
display: block;
margin-left: 5%;
}
-.box {
- display: block;
- margin-left: auto;
- margin-right: auto;
- border: 1px solid black ;
- margin-top: -1.5%;
- padding: 10px;
+
+.myimg {
+ object-fit: contain;
+ width: 100%;
+ height: 100%;
+}
+.boxx {
+ position: absolute;
+ top: 1%;
+ left: 39.5%;
+ height: 19%;
+ width: 20%;
+ padding: 1%;
+ border: 1px solid black;
}
.left {
position: absolute;
- top: 0.2%;
+ top: 1%;
left: 20%;
height: var(--height1);
width: var(--width1);
@@ -24,7 +31,7 @@
}
.right {
position: absolute;
- top: 0.2%;
+ top: 1%;
right: 20%;
height: var(--height1);
width: var(--width1);
@@ -37,4 +44,22 @@
height: 45%;
width: 8%;
background-color: black;
+}
+.circle1 {
+ position: absolute;
+ top: 70%;
+ left: 20%;
+ width: 10%;
+ border-radius: 50%;
+ border: 1px solid black;
+ padding-bottom: 10%;
+}
+.circle2 {
+ position: absolute;
+ top: 70%;
+ right: 20%;
+ width: 10%;
+ border-radius: 50%;
+ border: 1px solid black;
+ padding-bottom: 10%;
}
\ No newline at end of file