generated from linkd1/linkd
-
Notifications
You must be signed in to change notification settings - Fork 0
/
tools.html
137 lines (122 loc) · 3.24 KB
/
tools.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
133
134
135
136
137
<!DOCTYPE html>
<html>
<head>
<link rel="shortcut icon" type="image/x-icon" href="./misc-files/LINKD.png" />
<meta content="LINK-D" property="og:title" />
<meta content="The go-to website for fun at school." property="og:description" />
<meta content="https://linkd.w3spaces.com" property="og:url" />
<meta content="./misc-files/LINKD-large.png" property="og:image" />
<meta content="#43B581" data-react-helmet="true" name="theme-color" />
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<style>
body {
background-image: url(https://images.unsplash.com/photo-1534796636912-3b95b3ab5986?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1742&q=80); /* The image used for background*/
background-repeat: no-repeat; /* Do not repeat the image */
background-position: center; /* Center the image */
background-size: cover; /* Resize the background image to cover the entire container */
background-color: #09325c;
font-family: Arial, sans-serif;
color: lightblue;
}
a {
color: white;
}
#list {padding-left: 68px; }
h1, h2, h3, h4, h5, h6 {
color: lightblue;
}
a {
font-size: 20px;
}
{
font-size: 20px;
}
.column {
display: inline-block;
width: 15%;
vertical-align: top;
box-sizing: border-box;
padding: 5px;
}
.back-btn {
background-color: #4CAF50;
color: white;
border: 5px black;
padding: 10px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin-top: 10px;
margin-left: 10px;
cursor: pointer;
}
.back-btn:hover {
background-color: #3e8e41;
}
#searchbar{
margin-left: 15%;
padding:15px;
border-radius: 10px;
}
input[type=text] {
width: 30%;
-webkit-transition: width 0.15s ease-in-out;
transition: width 0.15s ease-in-out;
}
/* When the input field gets focus,
change its width to 100% */
input[type=text]:focus {
width: 70%;
}
#list{
font-size: 1.5em;
}
.animals{
display: list-item;
}
.column a {
}
li{
display:none;
}
.itemconfiguration
{
height: 440px;
width: 615px;
overflow: auto;
float: left;
position: relative;
margin-left: 15px;
border: 5px solid black;
background-color: #16171d;
}
li.active{
display:list-item;
}
#recently-played {
height: 200px;
width: 175px;
overflow: auto;
float: right;
position: relative;
margin-right: 360px;
border: 3px solid black;
background-color: #16171d;
}
</style>
</head>
<body>
<center>
<h1>LINK-D Tools</h1>
<h4>Pre-Alpha</h4>
<a href="./index.html" class="back-btn">← Back</a>
<br><br>
<a href="https://www.wolframalpha.com/">Super Calculator</a><br>
<a href="./raw/gpt.js">ChatGPT Free+No Login</a><br>
<a href="./raw/img.js">AI Image Generator Free+No Login</a><br>
<a href="./tools/yt-thumbnail.html">YouTube Thumbnail Grabber</a>
</center>
</body>
</html>