-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
132 lines (118 loc) · 7.54 KB
/
contact.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 lang="en" class="h-full">
<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">
<title>p o i n t l e s s</title>
<link rel="shortcut icon" href="./media/img/favicon.ico" type="image/x-icon">
<link rel="icon" href="./media/img/favicon.ico" type="image/x-icon">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="./css/output.css">
</head>
<body class="h-full bg-black bg-cover bg-repeat font-roboto"
style="background-image: url('../media/img/webp/usfq_old.webp'); background-size: 50%;">
<nav class="w-full py-4 bg-black shadow">
<div class="w-full container mx-auto flex flex-wrap items-center justify-between gap-y-3">
<nav>
<ul class="flex items-center justify-between font-bold text-sm text-white uppercase no-underline">
<li><a href="/index.html" class="uppercase px-3 hover:underline">home</a></li>
<li><a title="Coming soon" href="/code.html" class="uppercase px-3 hover:underline">code</a></li>
<li><a title="Coming soon" href="/music.html" class="uppercase px-3 hover:underline">music</a>
</li>
<li><a href="/gallery.html" class="uppercase px-3 hover:underline">gallery</a></li>
</ul>
</nav>
<div class="flex items-center text-lg no-underline text-white pr-6 ml-3">
<a href="https://github.com/linomp" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="25" height="25"
viewBox="0,0,256,256">
<g fill="#ffffff" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt"
stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0"
font-family="none" font-weight="none" font-size="none" text-anchor="none"
style="mix-blend-mode: normal">
<g transform="scale(5.33333,5.33333)">
<path
d="M44,24c0,8.96 -5.88,16.54 -14,19.08v-5.08c0,-1.71 -0.72,-3.24 -1.86,-4.34c5.24,-0.95 7.86,-4 7.86,-9.66c0,-2.45 -0.5,-4.39 -1.48,-5.9c0.44,-1.71 0.7,-4.14 -0.52,-6.1c-2.36,0 -4.01,1.39 -4.98,2.53c-1.45,-0.35 -3.12,-0.53 -5.02,-0.53c-1.8,0 -3.46,0.2 -4.94,0.61c-0.96,-1.15 -2.64,-2.61 -5.06,-2.61c-1.42,2.28 -0.84,4.74 -0.3,6.12c-1.08,1.51 -1.7,3.45 -1.7,5.88c0,5.66 2.62,8.71 7.86,9.66c-0.67,0.65 -1.19,1.44 -1.51,2.34h-2.35c-1.44,0 -2,-0.64 -2.77,-1.68c-0.77,-1.04 -1.6,-1.74 -2.59,-2.03c-0.53,-0.06 -0.89,0.37 -0.42,0.75c1.57,1.13 1.68,2.98 2.31,4.19c0.57,1.09 1.75,1.77 3.08,1.77h2.39v4.08c-8.12,-2.54 -14,-10.12 -14,-19.08c0,-11.05 8.95,-20 20,-20c11.05,0 20,8.95 20,20z">
</path>
</g>
</g>
</svg>
</a>
<a class="pl-6" href="https://www.linkedin.com/in/lino-mp/" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="25" height="25"
viewBox="0,0,256,256">
<g fill="#ffffff" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt"
stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0"
font-family="none" font-weight="none" font-size="none" text-anchor="none"
style="mix-blend-mode: normal">
<g transform="scale(8.53333,8.53333)">
<path
d="M24,4h-18c-1.105,0 -2,0.895 -2,2v18c0,1.105 0.895,2 2,2h18c1.105,0 2,-0.895 2,-2v-18c0,-1.105 -0.895,-2 -2,-2zM10.954,22h-2.95v-9.492h2.95zM9.449,11.151c-0.951,0 -1.72,-0.771 -1.72,-1.72c0,-0.949 0.77,-1.719 1.72,-1.719c0.948,0 1.719,0.771 1.719,1.719c0,0.949 -0.771,1.72 -1.719,1.72zM22.004,22h-2.948v-4.616c0,-1.101 -0.02,-2.517 -1.533,-2.517c-1.535,0 -1.771,1.199 -1.771,2.437v4.696h-2.948v-9.492h2.83v1.297h0.04c0.394,-0.746 1.356,-1.533 2.791,-1.533c2.987,0 3.539,1.966 3.539,4.522z">
</path>
</g>
</g>
</svg>
</a>
</div>
</div>
</nav>
<header class="w-full container mx-auto">
<div class="flex flex-col items-center py-12">
<a class="font-bold text-yellow-200 hover:text-yellow-50 text-5xl" href="/index.html">
{ }
</a>
</div>
</header>
<div class="border flex flex-col w-1/2 mx-auto space-y-4 text-white bg-black p-6 text-left">
<a class="text-normal hover:text-purple-400 hover:underline m-auto" href="https://github.com/linomp"
target="_blank">
Github
</a>
<a class="text-normal hover:text-purple-400 hover:underline m-auto"
href="https://www.youtube.com/@thisaintmyrealname1/featured" target="_blank">
Youtube
</a>
<a class="text-normal hover:text-purple-400 hover:underline m-auto" href="https://www.linkedin.com/in/lino-mp/"
target="_blank">Linkedin
</a>
<a class="text-normal hover:text-purple-400 hover:underline m-auto"
href="https://soundcloud.com/insertepseudonimoaqui" target="_blank">
Soundcloud
</a>
</div>
<div class="flex flex-col w-3/4 mx-auto border mt-8 bg-black text-white justify-center p-6 mb-12 items-center">
<div class="text-lg mb-2">Also check out my crew:</div>
<div class="flex flex-col sm:flex-col md:flex-row space-x-0 md:space-x-6 w-full items-top">
<div class="flex flex-col items-end">
<img class="mt-6 border" src="./media/img/webp/frank-min.webp">
<a class="mt-2 bg-black text-yellow-200 hover:text-purple-400 hover:underline"
href="https://frank-mediavilla.netlify.app" target="_blank">
Go to portfolio ➟
</a>
</div>
<div class="flex flex-col items-end">
<img class="mt-6 border" src="./media/img/webp/vio-min.webp">
<a class="mt-2 bg-black text-yellow-200 hover:text-purple-400 hover:underline"
href="https://viobrando.cargo.site/" target="_blank">
Go to portfolio ➟
</a>
</div>
</div>
</div>
<footer class="w-full sticky top-full border-t bg-black pb-4 text-white ">
<div class="flex flex-col items-center">
<div class="flex flex-col md:flex-row text-center md:text-left md:justify-between py-6">
<a href="/index.html" class="uppercase px-3 hover:underline sm:mb-2">Home</a>
<a href="https://github.com/linomp/pointless" class="uppercase px-3 hover:underline"
target="_blank">Source</a>
<a href="/contact.html" class="uppercase px-3 hover:underline" target="_blank">Contact</a>
</div>
<div class="lowercase pb-6">© 2025 // p o i n t l e s s</div>
</div>
</footer>
</body>
</html>