-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
100 lines (78 loc) · 4.85 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Home - callumjt</title>
<link rel="stylesheet" href="/js & css/navbar.css">
<link rel="stylesheet" href="/style.css">
<link rel="stylesheet" type="css" href="/js & css/dark.css" id="color">
<link href=" https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/css/splide.min.css " rel="stylesheet">
<link rel="shortcut icon" href="/srcs/img/pic1.png">
<script defer src="/js & css/navbar.js"></script>
<script defer src="/script.js"></script>
<script defer src=" https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/js/splide.min.js "></script>
<style></style>
</head>
<body>
<div class="section-1">
<img class="pfp-big" src="/srcs/img/pic1.png">
<div class="small-1">
<p style="font-size: 40px; text-align: center; position: relative;">Hello, im <br>
<span style="font-size: 70px;">Callumjt</span><br>
<span class="small-1-text">a bad programmer and an idiot</span></p>
<div class="socials">
<a class="socialButton" target="_blank" href="/" style="background-color: #5865F2; box-shadow: 0 -2px 10px 0 #5865F2, 0 2px 10px 0 #5865F2;">
<img src="/srcs/img/discord.png" style="height: 22px; width: 30px; filter: brightness(100);">
</a>
<a class="socialButton" target="_blank" href="https://github.com/callumjt/" style="background-color: #333131; box-shadow: 0 -2px 10px 0 #333131, 0 2px 10px 0 #494747;">
<img src="/srcs/img/github.png" style="height: 29px; width: 30px; filter: brightness(100);">
</a>
</div>
</div>
</div>
<div class="split"></div>
<div class="devlog">
<div class="devlogBg">
<div class="devlogImgs">
<img class="devlogImg1" src="/srcs/img/gameimg.png">
</div>
<div class="devlogRight">
<h4 class="latest">Latest Dev Blog!</h4>
<h1 class="bigText">Exo os - v2.5.beta</h2>
<p class="description">I added nothing because this is a test when making the latest devlog. now imma spam cause i have nothing else to say ajbvuwaa bvikabwbvauwbviaubwaadadadaadadadda</p>
<div class="purpleButton">
<a href="#" style="border-radius: 999999px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: white; gap: 1px;">Read More!<img src="/srcs/img/arrow.svg" width="28px" height="28px"></a>
</div>
</div>
</div>
</div>
<div class="split"></div>
<div class="splide-big">
<section class="splide" aria-labelledby="" style="top: 100px; height: 150px;">
<h2 id="carousel-heading" style="opacity: 0;">aaa</h2>
<div class="splide__track">
<ul class="splide__list">
<li class="splide__slide"><img src="/srcs/img/gameimg.png"><a href="#"><div class="caro-button">See Project</div></a></li>
<li class="splide__slide"><img src="/srcs/img/gameimg.png"><a href="#"><div class="caro-button">See Project</div></a></li>
<li class="splide__slide"><img src="/srcs/img/gameimg.png"><a href="#"><div class="caro-button">See Project</div></a></li>
</ul>
</div>
<ul class="splide__pagination"></ul>
</section>
</div>
<script defer>
document.addEventListener( 'DOMContentLoaded', function() {
var splide = new Splide( '.splide', {
type: 'loop',
width: '400px',
height: '300px',
pagination: true,
arrowPath: 'M 14.75 29.082031 C 14.527344 28.804688 14.410156 28.5 14.394531 28.167969 C 14.382812 27.832031 14.5 27.542969 14.75 27.292969 L 22.082031 19.957031 L 14.707031 12.582031 C 14.484375 12.359375 14.382812 12.0625 14.394531 11.6875 C 14.410156 11.3125 14.527344 11.015625 14.75 10.792969 C 15.027344 10.515625 15.328125 10.382812 15.644531 10.394531 C 15.964844 10.410156 16.25 10.542969 16.5 10.792969 L 24.792969 19.082031 C 24.929688 19.222656 25.027344 19.359375 25.082031 19.5 C 25.140625 19.640625 25.167969 19.792969 25.167969 19.957031 C 25.167969 20.125 25.140625 20.277344 25.082031 20.417969 C 25.027344 20.554688 24.929688 20.695312 24.792969 20.832031 L 16.542969 29.082031 C 16.292969 29.332031 16 29.453125 15.667969 29.4375 C 15.332031 29.421875 15.027344 29.304688 14.75 29.082031 Z M 14.75 29.082031" fill="#ffffff',
});
splide.mount();
} );
</script>
</body>
</html>