-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
132 lines (116 loc) · 6.39 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
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Blorb's Website</title>
<link rel="icon" type="image/x-icon" href="https://confusedblorb.org/icon.png">
<link rel="stylesheet" href="style.css">
<script>
var getJSON = function(url, callback) {
var xhr = new XMLHttpRequest();
xhr.open('GET', url, true);
xhr.responseType = 'json';
xhr.onload = function() {
var status = xhr.status;
if (status === 200) {
callback(null, xhr.response);
} else {
callback(status, xhr.response);
}
};
xhr.send();
};
getJSON('https://confusedblorb.org/news.json', function(err, data) {
news1title.textContent = data.articles[0].title
news1date.textContent = data.articles[0].date
news1image.src = data.articles[0].image
news2title.textContent = data.articles[1].title
news2date.textContent = data.articles[1].date
news2image.src = data.articles[1].image
news3title.textContent = data.articles[2].title
news3date.textContent = data.articles[2].date
news3image.src = data.articles[2].image
});
</script>
</head>
<body>
<img src="https://confusedblorb.org/blorb.webp" class="banner">
<div class="topnav">
<a class="active" href="#home">Home</a>
<a class="inactive" href="#news">News</a>
<a class="inactive" href="#cloud">Cloud</a>
<a class="inactive" href="#contact">Contact</a>
<a class="inactive" href="#about">About</a>
</div>
<div class="text_area" id="home">
<h2>Home</h2>
<p>Welcome to my little page!</p>
<p>I am Blorb, also known as confusedcatgirl, and I generate AI Artifacts as a Hobby!</p>
<p>I also like to draw sometimes, and code in various languages from time to time.</p>
<p>Most of the time, I am pretty laid back, and I like to talk about video games too!</p>
<p>I like to mess around with game engines, and see what I can make with them.</p>
<br>
<p>While I like to use AI tools, I am extremely hypocritical about using AI in business,</p>
<p>or aggressively promoting it, or calling things that should not be called that an "AI".</p>
<p>I also believe that AI is a tool that should be used more carefully, and not to create</p>
<p>stuff like deepfakes. Another one of my beliefs is that AI media should be something</p>
<p>that cannot be demanded money for. After all, it is essentially just copying homework.</p>
<br>
<p>This page is rather short as of right now, but I hope to extend it into a lot more!</p>
</div>
<div class="text_area" id="news">
<h2>News</h2>
<div class="news_area">
<div class="news_div">
<h3 id="news1title"></h3>
<p id="news1date"></p>
<img class="news_image" id="news1image" src="">
</div>
<div class="news_div">
<h3 id="news2title"></h3>
<p id="news2date"></p>
<img class="news_image" id="news2image" src="">
</div>
<div class="news_div">
<h3 id="news3title"></h3>
<p id="news3date"></p>
<img class="news_image" id="news3image" src="">
</div>
</div>
<a href="news.html" class="button">More News</a>
</div>
<div class="text_area" id="cloud">
<h2>Cloud</h2>
<p>Running locally at my place, this server is only available to a select few. It has been properly configured to utilize HSTS and HTTPS.</p>
<p>Only a select few, including myself, have access to it, mostly to manage tasks more easily, but also to store files etc.</p>
<p>It is based on nextcloud, and is very easy to set up for your own home usage, so go check them out!</p>
<a href="https://cloud.confusedblorb.org/index.php/" style="display: block; margin: 10px; text-align: center; max-width: 100%;" class="button">
Continue to the Cloud Login</a>
</div>
<div class="text_area" id="contact">
<h2>Contact</h2>
<p class="centered">Safe for Work:</p>
<div class="centered">
<a href="https://twitch.tv/confusedcatgirl"><img src="https://confusedblorb.org/icons/twitch.webp" class="icon"></a>
<a href="https://github.com/confusedcatgirl"><img src="https://confusedblorb.org/icons/github.webp" class="icon"></a>
</div>
<p class="centered">Can contain NSFW content:</p>
<div class="centered">
<a href="https://x.com/darkmothlady"><img src="https://confusedblorb.org/icons/twitter.webp" class="icon"></a>
<a href="https://anilist.co/user/confusedcatgirl"><img src="https://confusedblorb.org/icons/anilist.webp" class="icon"></a>
</div>
<p class="centered">Exclusively NSFW:</p>
<div class="centered">
<a href="https://www.deviantart.com/confusedcatgirl"><img src="https://confusedblorb.org/icons/deviantart.webp" class="icon"></a>
</div>
</div>
<div class="text_area">
<h2 id="about">About</h2>
<p>© 2023 - 2024 confusedcatgirl</p>
<p>Images used in the News Section have their links in "confusedblorb.org/news.json". These belong to their respective owners.</p>
<a style="padding-left: 32px">Banner by </a><a href="https://www.mooshieblob.com/">mooshieblob 2024</a><br><br>
<a style="padding-left: 32px">Image by </a><a href="https://danbooru.donmai.us/posts/1029426">Yuuki Tatsuya 2011</a>
<p></p>
</div>
</body>
</html>