-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
137 lines (136 loc) · 6.47 KB
/
Copy pathindex.html
File metadata and controls
137 lines (136 loc) · 6.47 KB
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 lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<meta
name="description"
content="Hi, I'm Omer and this is my personal website. Feel free to take a look around!"
/>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Projects</title>
<link rel="stylesheet" href="main.css" />
<style rel="stylesheet">
@font-face {
font-family: Montserrat;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(./fonts/montserrat_latin.woff2) format("woff2");
unicode-range:
U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC,
U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: Raleway;
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(./fonts/raleway300_latin.woff2) format("woff2");
unicode-range:
U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC,
U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
</style>
</head>
<body>
<div class="centre-wrapper">
<main class="homepage">
<h1 class="title">Hi, I’m Omer</h1>
<p class="subtitle">
and welcome to my little corner of the web.
</p>
<div class="projects-list">
<a class="link-button project-link" href="/gallery/">
<svg
class="link-icon"
role="img"
aria-label="Gallery"
viewBox="0 0 24 24"
>
<path
fill="currentColor"
d="M3 19q-.825 0-1.412-.587T1 17V7q0-.825.588-1.412T3 5h10q.825 0 1.413.588T15 7v10q0 .825-.587 1.413T13 19zm15-8q-.425 0-.712-.288T17 10V6q0-.425.288-.712T18 5h4q.425 0 .713.288T23 6v4q0 .425-.288.713T22 11zM5 15h6q.3 0 .45-.275t-.05-.525l-1.625-2.175q-.15-.2-.4-.2t-.4.2L7.5 14l-.975-1.3q-.15-.2-.4-.2t-.4.2L4.6 14.2q-.2.25-.05.525T5 15m13 4q-.425 0-.712-.288T17 18v-4q0-.425.288-.712T18 13h4q.425 0 .713.288T23 14v4q0 .425-.288.713T22 19z"
/>
</svg>
</a>
<div class="project-desc">
<h2 aria-hidden="true">Gallery</h2>
<p>A place to house the more arty things I do.</p>
</div>
<a
class="link-button project-link"
href="https://now.omer.ws/"
>
<svg
class="link-icon"
role="img"
aria-label="Testing"
viewBox="0 0 24 24"
>
<path
fill="currentColor"
d="M12 22q-2.075 0-3.537-1.463T7 17V8q-.825 0-1.412-.587T5 6V4q0-.825.588-1.412T7 2h10q.825 0 1.413.588T19 4v2q0 .825-.587 1.413T17 8v9q0 2.075-1.463 3.538T12 22m2.125-2.875Q15 18.25 15 17h-2q-.425 0-.712-.288T12 16t.288-.712T13 15h2v-2h-2q-.425 0-.712-.288T12 12t.288-.712T13 11h2V8H9v9q0 1.25.875 2.125T12 20t2.125-.875"
/>
</svg>
</a>
<div class="project-desc">
<h2 aria-hidden="true">Testing</h2>
<p>
A file explorer for my web projects (beware
spaghetti code).
</p>
</div>
</div>
</main>
</div>
<div class="contacts">
<a class="link-button" href="https://github.com/mcnomer">
<svg
class="link-icon"
role="img"
aria-label="Github"
viewBox="0 0 24 24"
>
<path
fill="currentColor"
d="M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5c.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34c-.46-1.16-1.11-1.47-1.11-1.47c-.91-.62.07-.6.07-.6c1 .07 1.53 1.03 1.53 1.03c.87 1.52 2.34 1.07 2.91.83c.09-.65.35-1.09.63-1.34c-2.22-.25-4.55-1.11-4.55-4.92c0-1.11.38-2 1.03-2.71c-.1-.25-.45-1.29.1-2.64c0 0 .84-.27 2.75 1.02c.79-.22 1.65-.33 2.5-.33s1.71.11 2.5.33c1.91-1.29 2.75-1.02 2.75-1.02c.55 1.35.2 2.39.1 2.64c.65.71 1.03 1.6 1.03 2.71c0 3.82-2.34 4.66-4.57 4.91c.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2"
/>
</svg>
</a>
<a class="link-button" href="mailto:omka203@gmail.com">
<svg
class="link-icon"
role="img"
aria-label="Email"
viewBox="0 0 24 24"
>
<path
fill="currentColor"
d="M4 20q-.825 0-1.412-.587T2 18V6q0-.825.588-1.412T4 4h16q.825 0 1.413.588T22 6v12q0 .825-.587 1.413T20 20zm8.263-7.212q.137-.038.262-.113L19.6 8.25q.2-.125.3-.312t.1-.413q0-.5-.425-.75T18.7 6.8L12 11L5.3 6.8q-.45-.275-.875-.012T4 7.525q0 .25.1.438t.3.287l7.075 4.425q.125.075.263.113t.262.037t.263-.037"
/>
</svg>
</a>
</div>
<svg
class="corner-deco top-left"
role="img"
aria-hidden="true"
viewBox="0 0 267 86.47"
>
<path d="M0,86s57,6,95-25,79-14,110-27S267,0,267,0H0Z" />
</svg>
<svg
class="corner-deco bottom-right"
role="img"
aria-hidden="true"
viewBox="0 0 187.5 99"
>
<path
d="M0,98.5S36.5,70,65.5,68c31-2.14,35.66-20.48,63-29,30.5-9.5,47-11,59-39V99Z"
/>
</svg>
</body>
</html>