Skip to content

Commit 6a2bd27

Browse files
daveberrysdaveberrys
committed
init commit; pinpoint tools website
0 parents  commit 6a2bd27

19 files changed

Lines changed: 892 additions & 0 deletions

‎.gitignore‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
node_modules
2+
pnpm-lock.yaml
3+
.env
4+
5+
alt-ver
6+
7+
dist

‎LICENSE‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
Copyright (c) 2026 Pinpoint Tools Team
2+
3+
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
4+
5+
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
6+
7+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

‎README.md‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
<div align="center">
2+
<img src="assets/icons/PT.svg" width=150 height=150 alt="Pinpoint Tools Logo"/>
3+
<h1>Pinpoint Website</h1>
4+
<p> The official website repository for the Pinpoint Website. </p>
5+
</div>
6+
7+
<h2> How to run it? </h2>
8+
<p> First of all, you need <code>pnpm</code>. To install <code>pnpm</code>, just do <code>npm install -g pnpm</code> and make sure you have NodeJS installed. </p>
9+
10+
<p> Next, you're gonna have to clone the repository and navigate in. Once you're in, do <code>pnpm install</code>, and then do <code>pnpm run dev</code>. This will run the server in <code>localhost:3000</code>. </p>
11+

‎assets/avatar/Daveberry Cricket Blueson.png‎

6.5 KB
Loading

‎assets/background/Daniel Leone - Unsplash.jpg‎

1010 KB
Loading

‎assets/icons/PT.svg‎

Lines changed: 17 additions & 0 deletions
Loading

‎assets/preview/Send Your Files.png‎

360 KB
Loading

‎assets/preview/VLC.UTILS.png‎

416 KB
Loading

‎assets/preview/WhatsAnApp.png‎

397 KB
Loading

‎index.html‎

Lines changed: 105 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,105 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<link rel="icon" type="image/png" href="/icons/PT.svg" />
7+
<link rel="stylesheet" href="src/styler.css"/>
8+
<title>Pinpoint Tools</title>
9+
</head>
10+
<body>
11+
<header>
12+
<p style="font-size: 25px;">
13+
<!-- <img src="/icons/PT.svg" width=25 height=25 alt="Pinpoint Tools Logo"> -->
14+
Pinpoint Tools
15+
</p>
16+
<nav id="mainNavi"></nav>
17+
</header>
18+
19+
<main id="content">
20+
<!-- Page content will be loaded here -->
21+
</main>
22+
23+
<footer>
24+
<a href="https://github.com/PinpointUtils">Github</a>
25+
<a href="https://discord.gg/VQBDWSSnRA">Discord</a>
26+
27+
<p>
28+
(c) 2026 - Pinpoint Utils Team <br/>
29+
MIT License
30+
</p>
31+
</footer>
32+
33+
<script src="src/router.js" type="module"></script>
34+
</body>
35+
36+
<style>
37+
#content {
38+
transform: translateY(-80px);
39+
width: 100%;
40+
}
41+
42+
header {
43+
background-color: var(--elementColor);
44+
45+
display: flex;
46+
justify-content: space-between;
47+
align-items: center;
48+
49+
padding-left: 10px;
50+
padding-right: 10px;
51+
52+
position: sticky;
53+
top: 0;
54+
55+
box-shadow: 0 0 10px 15px var(--elementColor);
56+
z-index: 1;
57+
/* backdrop-filter: blur(10px); */
58+
}
59+
60+
footer {
61+
display: flex;
62+
flex-direction: column;
63+
gap: 10px;
64+
65+
background-color: var(--secondaryColor);
66+
color: var(--textColor);
67+
box-shadow: 0 0 10px 15px var(--secondaryColor);
68+
69+
padding-left: 30px;
70+
padding-right: 30px;
71+
72+
a {
73+
color: aqua;
74+
text-decoration: none;
75+
}
76+
}
77+
78+
nav {
79+
display: flex;
80+
gap: 5px;
81+
82+
a {
83+
color: var(--textColor);
84+
text-decoration: none;
85+
86+
background-color: var(--element2Color);
87+
padding: 10px;
88+
border-radius: 10px;
89+
}
90+
}
91+
92+
/* most laziest way to fix it */
93+
@media screen and (max-width: 784px) {
94+
header {
95+
flex-direction: column;
96+
gap: 10px;
97+
padding: 15px;
98+
}
99+
100+
#content {
101+
transform: translateY(-175px);
102+
}
103+
}
104+
</style>
105+
</html>

0 commit comments

Comments
 (0)