Skip to content

Commit bf14039

Browse files
mewzaxmewzax
authored
Add files via upload
0 parents  commit bf14039

File tree

7 files changed

+445
-0
lines changed

7 files changed

+445
-0
lines changed

‎images/75091300.jpeg

23.8 KB
Loading

‎images/favicon.ico

7.53 KB
Binary file not shown.

‎images/mewzax.gif

931 KB
Loading

‎images/mewzax.jpg

98 KB
Loading

‎index.html

+74
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,74 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<!-- Meta -->
5+
<meta charset="UTF-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8+
<meta name="robots" content="follow, index">
9+
<meta name="description" content="full time cool dev from france">
10+
<meta property="og:title" content="Mewzax">
11+
<meta property="og:description" content="full time cool dev from france">
12+
<meta property="og:url" content="https://mewzax.github.io/">
13+
<meta property="og:type" content="website">
14+
<meta property="og:site_name" content="Mewzax">
15+
<meta property="og:image" content="https://avatars.githubusercontent.com/u/75091300?v=4">
16+
<meta name="twitter:card" content="summary">
17+
<meta name="twitter:site" content="@mewziak">
18+
<meta name="twitter:creator" content="@mewziak">
19+
<meta name="twitter:title" content="Mewzax">
20+
<meta name="twitter:description" content="full time cool dev from france">
21+
<meta name="twitter:image" content="https://avatars.githubusercontent.com/u/75091300?v=4">
22+
23+
<!-- Title -->
24+
<title>Mewzax</title>
25+
26+
<!-- Favicon -->
27+
28+
<link rel="shortcut icon" href="images/favicon.ico">
29+
30+
<!-- Stylesheets -->
31+
<link rel="stylesheet" href="style.css">
32+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css" integrity="sha512-HK5fgLBL+xu6dm/Ii3z4xhlSUyZgTT9tuc/hSrtw6uzJOvgRr2a9jyxxT1ely+B+xFAmJKVSTbpM/CuL7qxO8w==" crossorigin="anonymous">
33+
34+
</head>
35+
<body>
36+
<!-- Div -->
37+
<div id="div" hidden></div>
38+
39+
<!-- Navbar -->
40+
<header>
41+
<nav>
42+
<div class="header-logo">
43+
<img src="images/mewzax.gif" alt="Mewzax">
44+
</div>
45+
46+
<div class="header-links">
47+
<ul class="nav-links">
48+
<li class="nav-link"><a draggable="false" href="index.html">Home</a></li>
49+
<!-- <li class="nav-link"><a href="about.html">About</a></li> -->
50+
<!-- <li class="nav-link"><a href="contact.html">Contact</a></li> -->
51+
</ul>
52+
</div>
53+
</nav>
54+
</header>
55+
56+
<!-- Main -->
57+
<section class="index">
58+
<div class="card">
59+
<img src="https://avatars.githubusercontent.com/u/75091300?v=4" alt="Mewzax">
60+
<div class="card-text">
61+
<p>Hello, my name is</p>
62+
<h1>Mewzax</h1>
63+
<p>15 y/o full time cool dev from france</p>
64+
</div>
65+
<div class="card-links">
66+
<ul>
67+
<li><a draggable="false" target="_blank" href="https://github.com/Mewzax"><i class="fab fa-github"></i></a></li>
68+
</ul>
69+
</div>
70+
</div>
71+
</section>
72+
<script src="script.js"></script>
73+
</body>
74+
</html>

‎script.js

+25
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
var div = document.getElementById('div'), x1 = 0, y1 = 0, x2 = 0, y2 = 0;
2+
function reCalc() {
3+
var x3 = Math.min(x1,x2);
4+
var x4 = Math.max(x1,x2);
5+
var y3 = Math.min(y1,y2);
6+
var y4 = Math.max(y1,y2);
7+
div.style.left = x3 + 'px';
8+
div.style.top = y3 + 'px';
9+
div.style.width = x4 - x3 + 'px';
10+
div.style.height = y4 - y3 + 'px';
11+
}
12+
onmousedown = function(e) {
13+
div.hidden = 0;
14+
x1 = e.clientX;
15+
y1 = e.clientY;
16+
reCalc();
17+
};
18+
onmousemove = function(e) {
19+
x2 = e.clientX;
20+
y2 = e.clientY;
21+
reCalc();
22+
};
23+
onmouseup = function(e) {
24+
div.hidden = 1;
25+
};

0 commit comments

Comments
 (0)