blob: 0665fd6399289d4f81f43abbfd1970c51faa0d44 (
plain)
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
|
<!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">
<link rel="stylesheet" href="/style.css">
<title>This is altaf-creator</title>
<script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script>
</head>
<body onload="addNodes()">
<script defer src="/scripts/onload.js"></script>
<script defer src="/scripts/scroll.js"></script>
<div class="floating-nav-container">
<div class="floating-nav">
<a href="/about/" class="link">About Me</a>
<a href="/projects/" class="link">Projects</a>
<a href="/blog/" class="link">(dev)Blog</a>
</div>
</div>
<div class="sidebar" id="sidebar">
<a href="/">
<img src="/assets/images/hero/logo.png" alt="" class="sidebar-img">
</a>
<span>altaf-creator</span>
</div>
<div class="sidebar-progress-container" id="progressContainer">
</div>
<section style="background-color: #8ACFE5; border-top: none;">
<div class="home-img"
style="z-index: 1; background-image: url(/assets/images/hero/simpliCity_web_0_ocean.png); ">
</div>
<span class="home-title" style="z-index: 0;">Altaf</span>
<div class="home-img"
style="z-index: 1; background-image: url(/assets/images/hero/simpliCity_web_0_island.png); ">
</div>
<a href="https://store.steampowered.com/app/2381230/simpliCity/" id="simpliCity-link" class="link">simpliCity
↗</a>
</section>
<section>
<div class="center-grid">
<div class="div-sizing">
<span class="big-text">Hey there!</span>
<br>
<span>I'm a middle school student from <b class="colored-text">Indonesia</b> who likes to code as a <b class="colored-text">hobby</b>.</span>
<br>
<a href="about/" class="link" style="margin-top: 20px; display: inline-block;">Learn more about me →</a>
</div>
</div>
</section>
<section>
<div class="center-grid">
<div class="div-sizing" style="height: 100%;">
<div class="flex-container flex-container-column">
<h1>Project Highlights</h1>
<div class="flex-container flex" style="min-height: 600px;">
<div class="flex full-img-card"
style="background-image: url(/assets/images/game-hero/simplicity_screenshot.png); ">
<a href="" class="fill-div gradient-overlay">
<span>simpliCity</span>
</a>
</div>
<div class="flex full-img-card"
style="background-image: url(/assets/images/game-hero/tank_screenshot.png);">
<a href="" class="fill-div gradient-overlay">
<span>Tank Shooter</span>
</a>
</div>
<div class="flex full-img-card"
style="background-image: url(/assets/images/game-hero/markdown_screenshot.png);">
<a href="" class="fill-div gradient-overlay">
<span>MarkdownEditor</span>
</a>
</div>
</div>
<a href="projects/" class="button" style="margin-left: auto; margin-right: auto;">View More</a>
</div>
</div>
</div>
</section>
<section>
<div class="center-grid">
<div class="div-sizing">
<h1 class="center">Blog Posts</h1>
<div class="flex-container flex-center">
<div class="card" tabindex="9999">
<img src="https://upload.wikimedia.org/wikipedia/commons/3/3f/Placeholder_view_vector.svg" alt="">
<div>
<a href="" class="link">hey</a>
<p>yo</p>
<a href="" class="button">what</a>
</div>
</div>
<div class="card" tabindex="9999">
<img src="https://upload.wikimedia.org/wikipedia/commons/3/3f/Placeholder_view_vector.svg" alt="">
<div>
<a href="" class="link">hey</a>
<p>yo</p>
<a href="" class="button">what</a>
</div>
</div>
</div>
<a href="blog/" class="button" style="margin-left: auto; margin-right: auto;">View More</a>
<hr>
<h1 class="center">Socials</h1>
<div class="center-grid" style="min-height: 0;">
<div>
<a href="https://www.youtube.com/channel/UCm7n_G87ihIK-MmBb4i19dA" class="button" style="font-size: 1.3rem; text-align: center; display: inline-block; width: 1.5rem; height: 1.5rem;" target="_blank"><i class="fa-brands fa-youtube"></i></a>
<a href="https://www.instagram.com/athaalaa.altaf9/" class="button" style="font-size: 1.3rem; text-align: center; display: inline-block; width: 1.5rem; height: 1.5rem;" target="_blank"><i class="fa-brands fa-instagram"></i></a>
<a href="https://github.com/altaf-creator" class="button" style="font-size: 1.3rem; text-align: center; display: inline-block; width: 1.5rem; height: 1.5rem;" target="_blank"><i class="fa-brands fa-github"></i></a>
<a href="mailto:athaalaa@gmail.com" class="button" style="font-size: 1.3rem; text-align: center; display: inline-block; width: 1.5rem; height: 1.5rem;"><i class="fa-solid fa-envelope" target="_blank"></i></a>
<a href="https://discord.gg/Mg5WFqrHk3" class="button" style="font-size: 1.3rem; text-align: center; display: inline-block; width: 1.5rem; height: 1.5rem;"><i class="fa-brands fa-discord" target="_blank"></i></a>
</div>
</div>
</div>
</div>
</section>
</body>
</html>
|
