document10.github.io/index.html at main · document10/document10.github.io · GitHub

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
<!DOCTYPE html>
<html lang="en">
    <head>
        <title>document10</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="Personal Portofolio Website">
        <meta name="author" content="document10">
        <meta name="keywords" content="HTML, CSS, JS, PY, Python, GO, CPP, AI, USV, Personal, Portofolio, Website, Skills, Art, Dev, Developement, Software">
        <meta name="theme-color" content="#1DD2EB">
        <meta property="og:url" content="https://document10.github.io">
        <meta property="og:site_name" content="document10.github.io">
        <meta property="og:title" content="Document10">
        <meta property="og:description" content="I am a 21 years old developer and artist, currently in university and I have experience in multiple fields like web and fullstack development, artificial intelligence tools and more. I use Linux on a daily basis, and I learn more things about it every day.">
        <meta property="og:image" content="https://raw.githubusercontent.com/document10/document10.github.io/main/img/pfp.webp">
        <meta property="og:image:type" content="image/png">
        <meta property="og:image:width" content="256">
        <meta property="og:image:height" content="256">
        <meta property="og:image:alt" content="My profile picture">
        <link rel="stylesheet preload" as="style" fetchpriority="high" href="styles.css">
        <link rel="icon" type="image/x-icon" href="./img/pfp.webp">
        <link rel="preconnect dns-prefetch" href="https://fonts.googleapis.com" crossorigin>
        <link rel="preconnect dns-prefetch" href="https://fonts.gstatic.com" crossorigin>
    </head>
    <body>
        <div id="main">
            <div id="title">
                <img src="img/pfp.webp" alt="My profile picture" id="pfp">
                <h1>document10</h1>
            </div>
            <p id="aboutme">
                I am a 21 years old developer and artist, currently in <a href="https://fiesc.usv.ro/" class="ext">university</a> and I have experience in multiple fields like web and fullstack development, artificial intelligence tools and more. I use <a href="https://endeavouros.com/" class="ext">Linux</a> on a daily basis, and I learn more things about it every day.
            </p>
            <p class="title">Links</p>
            <div id="social">
                <div class="cat">
                    <p class="cattitle">Social</p>
                    <a href="https://www.instagram.com/document10_/" class="social">
                        <img src="./img/instagram.webp" alt="Instagram" class="linkicon" >
                    </a>
                    <a href="https://www.threads.net/@document10_" class="social">
                        <img src="./img/threads.webp" alt="Threads.net" class="linkicon">
                    </a>
                    <a href="https://discordapp.com/users/332934999173234688" class="social">
                        <img src="./img/discord.webp" alt="Discord" class="linkicon" >
                    </a>
                    <a href="https://cara.app/document10" class="social">
                        <img src="./img/cara.webp" alt="Cara" class="linkicon" >
                    </a>
                </div>
                <div class="cat">
                    <p class="cattitle">Development</p>
                    <a href="https://github.com/document10" class="social">
                        <img src="./img/github.webp" alt="Github" class="linkicon" >
                    </a>
                    <a href="https://replit.com/@document10" class="social">
                        <img src="./img/replit.webp" alt="Replit" class="linkicon" >
                    </a>
                    <a href="https://forem.com/document10" class="social">
                        <img src="./img/forem.webp" alt="Forem" class="linkicon">
                    </a>
                </div>
                <div class="cat">
                    <p class="cattitle">Images</p>
                    <a href="https://imgur.com/user/dxvk10/posts" class="social">
                        <img src="./img/imgur.webp" alt="Imgur" class="linkicon" >
                    </a>
                    <a href="https://www.deviantart.com/document10" class="social">
                        <img src="./img/deviantart.webp" alt="Deviantart" class="linkicon">
                    </a>
                    <a href="https://nightcafe.art/u/document10" class="social">
                        <img src="./img/nightcafe.webp" alt="NightCafe" class="linkicon" >
                    </a>
                    <a href="https://www.meta.ai/@document10_" class="social">
                        <img src="./img/metaai.webp" alt="Meta AI" class="linkicon" >
                    </a>
                    <a href="https://www.gentube.app/profile/user_38VweWrmhApWGh82EpamCfH93cV?_cid=share-copy-link&sid=user_38VweWrmhApWGh82EpamCfH93cV" class="social">
                        <img src="./img/gentube.webp" alt="Gentube" class="linkicon" >
                    </a>
                </div>
            </div>
            <p class="title">Projects</p>
            <div id="projects">
                <a class="proj" href="https://github.com/document10/dumpling-bot">
                    <p class="projtitle">DumplingBot</p>
                    <p class="projdesc">Discord bot I created to learn more about Discord.JS and Bun. The bot uses as little external dependencies as possible. Ported from Node.JS (and even had a Deno version at some point).</p>
                </a>
                <a class="proj" href="https://github.com/document10/ccf-antenna">
                    <p class="projtitle">CCF Antenna</p>
                    <p class="projdesc">This is a project I created during my internship at Custom Code Factory for displaying information about cellular antennas across the world. The project was created in 3 weeks, using Next.js, Google Maps API, and TypeORM (big mistake).</p>
                </a>
                <a class="proj" href="https://github.com/document10/godot-jigsaw-puzzle">
                    <p class="projtitle">Godot Jigsaw Puzzle</p>
                    <p class="projdesc">This was a university team project, made in Godot since I'm comfortable with it. The game is 90% complete, with polishing features still to be added.</p>
                </a>
                <a class="proj" href="https://github.com/document10?tab=repositories&q=deno-fresh">
                    <p class="projtitle">Deno Projects</p>
                    <p class="projdesc">I have made a couple demo projects using Deno, Fresh (1.0) and Prisma. These days I use Bun, but these demos may still be useful for learning purposes.</p>
                </a>
            </div>
            <div id="footer">
                <a href="https://www.gentube.app/image/jn7bzt4zde70fs3d3fpn3877as80g252?sid=user_38VweWrmhApWGh82EpamCfH93cV&_cid=share-copy-link" class="footer">Background</a>
                <a href="https://fonts.google.com/share?selection.family=Doto:wght@100..900|Playpen+Sans:wght@100..800|Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700" class="footer">Fonts</a>
                <a href="https://www.iconfinder.com/" class="footer">Icons</a>
            </div>
        </div>
    </body>
</html>