1<!doctype html> 2<html lang="en" class=""> 3<head> 4 <meta charset="utf-8"> 5<meta http-equiv="X-UA-Compatible" content="IE=edge"> 6<meta name="viewport" content="width=device-width, initial-scale=1"> 7<meta name="theme-color" content="#a855f7"> 8 9<link rel="icon" href="https://theunseenmag.de/favicon.ico" /> 10 11<link rel="apple-touch-icon" sizes="180x180" href="https://theunseenmag.de/const/icon-270x270.png"> 12<link rel="icon" type="image/png" sizes="32x32" href="https://theunseenmag.de/const/icon-32x32.png"> 13<link rel="icon" type="image/png" sizes="270x270" href="https://theunseenmag.de/const/icon-270x270.png"> 14 15<link href="https://theunseenmag.de" rel="home" /> 16 17<title>About | THE UNSEEN Mag</title> 18 19<meta name="description" content="THE UNSEEN is an online Magazine established in 2024 that showcases unique cultures and lifestyles to see the unseen. We cover concerts and interviews and provide insight into the light and dark of the music industry."> 20 21<meta property="og:locale" content="en_US" /> 22<meta property="og:type" content="website" /> 23<meta property="og:title" content="About" /> 24<meta property="og:description" content="THE UNSEEN is an online Magazine established in 2024 that showcases unique cultures and lifestyles to see the unseen. We cover concerts and interviews and provide insight into the light and dark of the music industry." /> 25<meta property="og:url" content="https://theunseenmag.de/about" /> 26<meta property="og:site_name" content="About" /> 27 28<meta property="og:image" content="https://theunseenmag.de/images/social/horizontal-01.jpg" /> 29<meta property="og:image:width" content="1920" /> 30<meta property="og:image:height" content="1080" /> 31<meta property="og:image:type" content="image/jpeg" /> 32 33 34<meta name="twitter:card" content="summary_large_image" /> 35<meta name="twitter:site" content="@theunseenhq" /> 36<meta name="twitter:creator" content="@theunseenhq" /> 37<meta name="twitter:image" content="https://theunseenmag.de/images/social/horizontal-01.jpg" /> 38<meta name="twitter:title" content="About" /> 39<meta name="twitter:description" content="THE UNSEEN is an online Magazine established in 2024 that showcases unique cultures and lifestyles to see the unseen. We cover concerts and interviews and provide insight into the light and dark of the music industry." /> 40 41<link rel="modulepreload" as="script" href="https://theunseenmag.de/build/assets/site-BbU6GzM0.js" />
41<script type="module" src="https://theunseenmag.de/build/assets/site-BbU6GzM0.js"></script>
41<link rel="preload" as="style" href="https://theunseenmag.de/build/assets/site-Dwumj9ey.css" /><link rel="stylesheet" href="https://theunseenmag.de/build/assets/site-Dwumj9ey.css" />
42<script defer src="https://u.romanzipp.cloud/script.js" data-website-id="9e9c4ca7-2fd1-44ac-a384-99a10fee9971" data-performance="true"></script>
42 43 44 45<style> 46 @font-face { 47 font-family: 'Horizon'; 48 font-display: swap; 49 src: url(https://theunseenmag.de/const/fonts/Formula.otf) format('opentype'); 50 } 51 52 [x-cloak] { 53 display: none; 54 } 55</style> 56 57 58 <style >/* devanagari */ 59@font-face { 60 font-family: 'Poppins'; 61 font-style: italic; 62 font-weight: 400; 63 font-display: swap; 64 src: url(https://theunseenmag.de/storage/fonts/991dd75309/spoppinsv24pxigyp8kv8jhgfvrjjlucxtaovwdshff.woff2) format('woff2'); 65 unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09; 66} 67/* latin-ext */ 68@font-face { 69 font-family: 'Poppins'; 70 font-style: italic; 71 font-weight: 400; 72 font-display: swap; 73 src: url(https://theunseenmag.de/storage/fonts/991dd75309/spoppinsv24pxigyp8kv8jhgfvrjjlufntaovwdshff.woff2) format('woff2'); 74 unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; 75} 76/* latin */ 77@font-face { 78 font-family: 'Poppins'; 79 font-style: italic; 80 font-weight: 400; 81 font-display: swap; 82 src: url(https://theunseenmag.de/storage/fonts/991dd75309/spoppinsv24pxigyp8kv8jhgfvrjjluchtaovwdsa.woff2) format('woff2'); 83 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; 84} 85/* devanagari */ 86@font-face { 87 font-family: 'Poppins'; 88 font-style: italic; 89 font-weight: 500; 90 font-display: swap; 91 src: url(https://theunseenmag.de/storage/fonts/991dd75309/spoppinsv24pxidyp8kv8jhgfvrjjlmg1hvfteoyktmqlap.woff2) format('woff2'); 92 unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09; 93} 94/* latin-ext */ 95@font-face { 96 font-family: 'Poppins'; 97 font-style: italic; 98 font-weight: 500; 99 font-display: swap; 100 src: url(https://theunseenmag.de/storage/fonts/991dd75309/spoppinsv24pxidyp8kv8jhgfvrjjlmg1hvgdeoyktmqlap.woff2) format('woff2'); 101 unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; 102} 103/* latin */ 104@font-face { 105 font-family: 'Poppins'; 106 font-style: italic; 107 font-weight: 500; 108 font-display: swap; 109 src: url(https://theunseenmag.de/storage/fonts/991dd75309/spoppinsv24pxidyp8kv8jhgfvrjjlmg1hvf9eoyktmqg.woff2) format('woff2'); 110 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; 111} 112/* devanagari */ 113@font-face { 114 font-family: 'Poppins'; 115 font-style: italic; 116 font-weight: 600; 117 font-display: swap; 118 src: url(https://theunseenmag.de/storage/fonts/991dd75309/spoppinsv24pxidyp8kv8jhgfvrjjlmr19vfteoyktmqlap.woff2) format('woff2'); 119 unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09; 120} 121/* latin-ext */ 122@font-face { 123 font-family: 'Poppins'; 124 font-style: italic; 125 font-weight: 600; 126 font-display: swap; 127 src: url(https://theunseenmag.de/storage/fonts/991dd75309/spoppinsv24pxidyp8kv8jhgfvrjjlmr19vgdeoyktmqlap.woff2) format('woff2'); 128 unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; 129} 130/* latin */ 131@font-face { 132 font-family: 'Poppins'; 133 font-style: italic; 134 font-weight: 600; 135 font-display: swap; 136 src: url(https://theunseenmag.de/storage/fonts/991dd75309/spoppinsv24pxidyp8kv8jhgfvrjjlmr19vf9eoyktmqg.woff2) format('woff2'); 137 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; 138} 139/* devanagari */ 140@font-face { 141 font-family: 'Poppins'; 142 font-style: italic; 143 font-weight: 700; 144 font-display: swap; 145 src: url(https://theunseenmag.de/storage/fonts/991dd75309/spoppinsv24pxidyp8kv8jhgfvrjjlmy15vfteoyktmqlap.woff2) format('woff2'); 146 unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09; 147} 148/* latin-ext */ 149@font-face { 150 font-family: 'Poppins'; 151 font-style: italic; 152 font-weight: 700; 153 font-display: swap; 154 src: url(https://theunseenmag.de/storage/fonts/991dd75309/spoppinsv24pxidyp8kv8jhgfvrjjlmy15vgdeoyktmqlap.woff2) format('woff2'); 155 unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1D
155BF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; 156} 157/* latin */ 158@font-face { 159 font-family: 'Poppins'; 160 font-style: italic; 161 font-weight: 700; 162 font-display: swap; 163 src: url(https://theunseenmag.de/storage/fonts/991dd75309/spoppinsv24pxidyp8kv8jhgfvrjjlmy15vf9eoyktmqg.woff2) format('woff2'); 164 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; 165} 166/* devanagari */ 167@font-face { 168 font-family: 'Poppins'; 169 font-style: normal; 170 font-weight: 100; 171 font-display: swap; 172 src: url(https://theunseenmag.de/storage/fonts/991dd75309/spoppinsv24pxigyp8kv8jhgfvrlptucxtaovwdshff.woff2) format('woff2'); 173 unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09; 174} 175/* latin-ext */ 176@font-face { 177 font-family: 'Poppins'; 178 font-style: normal; 179 font-weight: 100; 180 font-display: swap; 181 src: url(https://theunseenmag.de/storage/fonts/991dd75309/spoppinsv24pxigyp8kv8jhgfvrlptufntaovwdshff.woff2) format('woff2'); 182 unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; 183} 184/* latin */ 185@font-face { 186 font-family: 'Poppins'; 187 font-style: normal; 188 font-weight: 100; 189 font-display: swap; 190 src: url(https://theunseenmag.de/storage/fonts/991dd75309/spoppinsv24pxigyp8kv8jhgfvrlptuchtaovwdsa.woff2) format('woff2'); 191 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; 192} 193/* devanagari */ 194@font-face { 195 font-family: 'Poppins'; 196 font-style: normal; 197 font-weight: 300; 198 font-display: swap; 199 src: url(https://theunseenmag.de/storage/fonts/991dd75309/spoppinsv24pxibyp8kv8jhgfvrldz8z11lfd2jqel8qw.woff2) format('woff2'); 200 unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09; 201} 202/* latin-ext */ 203@font-face { 204 font-family: 'Poppins'; 205 font-style: normal; 206 font-weight: 300; 207 font-display: swap; 208 src: url(https://theunseenmag.de/storage/fonts/991dd75309/spoppinsv24pxibyp8kv8jhgfvrldz8z1jlfd2jqel8qw.woff2) format('woff2'); 209 unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; 210} 211/* latin */ 212@font-face { 213 font-family: 'Poppins'; 214 font-style: normal; 215 font-weight: 300; 216 font-display: swap; 217 src: url(https://theunseenmag.de/storage/fonts/991dd75309/spoppinsv24pxibyp8kv8jhgfvrldz8z1xlfd2jqek.woff2) format('woff2'); 218 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; 219} 220/* devanagari */ 221@font-face { 222 font-family: 'Poppins'; 223 font-style: normal; 224 font-weight: 400; 225 font-display: swap; 226 src: url(https://theunseenmag.de/storage/fonts/991dd75309/spoppinsv24pxieyp8kv8jhgfvrjjbecnfhgpezsq.woff2) format('woff2'); 227 unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09; 228} 229/* latin-ext */ 230@font-face { 231 font-family: 'Poppins'; 232 font-style: normal; 233 font-weight: 400; 234 font-display: swap; 235 src: url(https://theunseenmag.de/storage/fonts/991dd75309/spoppinsv24pxieyp8kv8jhgfvrjjnecnfhgpezsq.woff2) format('woff2'); 236 unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; 237} 238/* latin */ 239@font-face { 240 font-family: 'Poppins'; 241 font-style: normal; 242 font-weight: 400; 243 font-display: swap; 244 src: url(https://theunseenmag.de/storage/fonts/991dd75309/spoppinsv24pxieyp8kv8jhgfvrjjfecnfhgpc.woff2) format('woff2'); 245 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; 246} 247/* devanagari */ 248@font-face { 249 font-family: 'Poppins'; 250 font-style: normal; 251 font-weight: 500; 252 font-display: swap; 253 src: url(https://theunseenmag.de/storage/fonts/991dd75309/spoppinsv24pxibyp8kv8jhgfvrlgt9z11lfd2jqel8qw.woff2) format('woff2'); 254 unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09; 255} 256/* latin-ext */ 257@font-face { 258 font-family: 'Poppins'; 259 font-style: normal; 260 font-weight: 500; 261 font-display: swap; 262 src: url(https://theunseenmag.de/storage/fonts/991dd75309/spoppinsv24pxibyp8kv8jhgfvrlgt9z1jlfd2jqel8qw.woff2) format('woff2'); 263 unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1D
263BF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; 264} 265/* latin */ 266@font-face { 267 font-family: 'Poppins'; 268 font-style: normal; 269 font-weight: 500; 270 font-display: swap; 271 src: url(https://theunseenmag.de/storage/fonts/991dd75309/spoppinsv24pxibyp8kv8jhgfvrlgt9z1xlfd2jqek.woff2) format('woff2'); 272 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; 273} 274/* devanagari */ 275@font-face { 276 font-family: 'Poppins'; 277 font-style: normal; 278 font-weight: 600; 279 font-display: swap; 280 src: url(https://theunseenmag.de/storage/fonts/991dd75309/spoppinsv24pxibyp8kv8jhgfvrlej6z11lfd2jqel8qw.woff2) format('woff2'); 281 unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09; 282} 283/* latin-ext */ 284@font-face { 285 font-family: 'Poppins'; 286 font-style: normal; 287 font-weight: 600; 288 font-display: swap; 289 src: url(https://theunseenmag.de/storage/fonts/991dd75309/spoppinsv24pxibyp8kv8jhgfvrlej6z1jlfd2jqel8qw.woff2) format('woff2'); 290 unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; 291} 292/* latin */ 293@font-face { 294 font-family: 'Poppins'; 295 font-style: normal; 296 font-weight: 600; 297 font-display: swap; 298 src: url(https://theunseenmag.de/storage/fonts/991dd75309/spoppinsv24pxibyp8kv8jhgfvrlej6z1xlfd2jqek.woff2) format('woff2'); 299 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; 300} 301/* devanagari */ 302@font-face { 303 font-family: 'Poppins'; 304 font-style: normal; 305 font-weight: 700; 306 font-display: swap; 307 src: url(https://theunseenmag.de/storage/fonts/991dd75309/spoppinsv24pxibyp8kv8jhgfvrlcz7z11lfd2jqel8qw.woff2) format('woff2'); 308 unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09; 309} 310/* latin-ext */ 311@font-face { 312 font-family: 'Poppins'; 313 font-style: normal; 314 font-weight: 700; 315 font-display: swap; 316 src: url(https://theunseenmag.de/storage/fonts/991dd75309/spoppinsv24pxibyp8kv8jhgfvrlcz7z1jlfd2jqel8qw.woff2) format('woff2'); 317 unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; 318} 319/* latin */ 320@font-face { 321 font-family: 'Poppins'; 322 font-style: normal; 323 font-weight: 700; 324 font-display: swap; 325 src: url(https://theunseenmag.de/storage/fonts/991dd75309/spoppinsv24pxibyp8kv8jhgfvrlcz7z1xlfd2jqek.woff2) format('woff2'); 326 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; 327} 328</style>
329<script type="application/ld+json"> 330 { 331 "@context": "https://schema.org", 332 "@type": "BreadcrumbList", 333 "itemListElement": [] 334} 335</script>
335 336</head> 337<body class="flex flex-col min-h-screen justify-between bg-white dark:bg-dark-bg text-black font-body leading-normal"> 338 <div> 339 <nav x-data="{searching: false, sidebar: false}" class="border-b-2 border-black dark:border-white dark:text-white"> 340 <div class="relative max-w-5xl mx-auto"> 341 <div class="accent-bar bottom-0 -translate-y-[calc(-100%-2px)]"></div> 342 343 <div class="flex items-stretch md:items-center justify-between h-16 px-2 lg:px-0"> 344 <a href="/" 345 class="pl-0 px-4 lg:px-0 text-xl lg:text-2xl uppercase text-primary dark:text-dark-primary font-display self-center whitespace-nowrap" 346 x-show="! searching"> 347 THE UNSEEN Mag 348 </a> 349 350 <button class="block md:hidden px-6" 351 @click="sidebar = true" 352 aira-label="Show sidebar"> 353 <div class="size-6"> 354 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> 355 <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" /> 356</svg> 357 358 </div> 359 </button> 360 361 <button class="hidden md:block hover:text-primary dark:hover:text-dark-primary transition-all duration-100 outline-none px-2" 362 @click="searching = true; $nextTick(() => { $refs.search.focus() })" 363 aria-label="Search the site"> 364 <div class="size-6"> 365 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> 366 <path fill-rule="evenodd" d="M9 3.5a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11ZM2 9a7 7 0 1 1 12.452 4.391l3.328 3.329a.75.75 0 1 1-1.06 1.06l-3.329-3.328A7 7 0 0 1 2 9Z" clip-rule="evenodd" /> 367</svg> 368 369 </div> 370 </button> 371 372 <form action="/search" 373 x-show="searching" 374 x-cloak 375 class="flex-1"> 376 <input 377 name="q" 378 type="text" 379 class="w-full outline-none px-2 py-1 ml-3 !border-none !ring-0 dark:bg-transparent dark:text-white dark:placeholder:text-white/50" 380 placeholder="Search for stuff" 381 x-on:blur="searching = false" 382 @keydown.enter="search" 383 @keydown.esc="searching = false" 384 x-show="searching" 385 x-ref="search" 386 /> 387 </form> 388 </div> 389 390 <div class="hidden md:flex justify-between gap-8"> 391 <ul class="flex mx-0 lg:-mx-3"> 392 <li class="relative group/item z-50"> 393 <a href="/" class="flex items-center gap-3 px-3 py-3 hover:text-primary dark:hover:text-dark-primary"> 394 HOME 395 </a> 396 397 </li> 398 <li class="relative group/item z-50"> 399 <a href="/music-articles" class="flex items-center gap-3 px-3 py-3 hover:text-primary dark:hover:text-dark-primary"> 400 MUSIC 401 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-5"> 402 <path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" /> 403 </svg> 404 </a> 405 406 <div class="absolute invisible pt-0 -translate-y-1 transition-[opacity,_transform] 407 group-hover/item:opacity-100 group-hover/item:visible group-hover/item:translate-y-0 opacity-0"> 408 <div class="min-w-48 p-2 bg-white dark:bg-dark-bg dark:text-white border-2 border-black dark:border-dark-primary"> 409 <a href="/categories/concert" class="block hover:text-primary dark:hover:text-dark-primary py-1 px-2"> 410 CONCERT 411 </a> 412 <a href="/categories/interviews" class="block hover:text-primary dark:hover:text-dark-primary py-1 px-2"> 413 INTERVIEW 414 </a> 415 <a href="/categories/music-softlaunch" class="block hover:text-primary dark:hover:text-dark-primary py-1 px-2"> 416 MUSIC SOFTLAUNCH 417 </a> 418 <a href="/categories/concert-forecast" class="block hover:text-primary dark:hover:text-dark-primary py-1 px-2"> 419 CONCERT FORECAST 420 </a> 421 </div> 422 </div> 423 </li> 424 <li class="relative group/item z-50"> 425 <a href="/categories/lifestyle" class="flex items-center gap-3 px-3 py-3 hover:text-primary dark:hover:text-dark-primary"> 426 LIFESTYLE 427 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-5"> 428 <path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" /> 429 </svg> 430 </a> 431 432 <div class="absolute invisible pt-0 -translate-y-1 transition-[opacity,_transform] 433 group-hover/item:opacity-100 group-hover/item:visible group-hover/item:translate-y-0 opacity-0"> 434 <div class="min-w-48 p-2 bg-white dark:bg-dark-bg dark:text-white border-2 border-black dark:border-dark-primary"> 435 <a href="/categories/lifestyle" class="block hover:text-primary dark:hover:text-dark-primary py-1 px-2"> 436 LIFESTYLE 437 </a> 438 <a href="/categories/storytelling" class="block hover:text-primary dark:hover:text-dark-primary py-1 px-2"> 439 STORYTELLING 440 </a> 441 <a href="/categories/photoseries" class="block hover:text-primary dark:hover:text-dark-primary py-1 px-2"> 442 PHOTOSERIES 443 </a> 444 </div> 445 </div> 446 </li> 447 <li class="relative group/item z-50"> 448 <a href="/categories/the-watchlist" class="flex items-center gap-3 px-3 py-3 hover:text-primary dark:hover:text-dark-primary"> 449 THE WATCHLIST 450 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-5"> 451 <path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" /> 452 </svg> 453 </a> 454 455 <div class="absolute invisible pt-0 -translate-y-1 transition-[opacity,_transform] 456 group-hover/item:opacity-100 group-hover/item:visible group-hover/item:translate-y-0 opacity-0"> 457 <div class="min-w-48 p-2 bg-white dark:bg-dark-bg dark:text-white border-2 border-black dark:border-dark-primary"> 458 <a href="/categories/series" class="block hover:text-primary dark:hover:text-dark-primary py-1 px-2"> 459 SERIES 460 </a> 461 <a href="/categories/film-tv" class="block hover:text-primary dark:hover:text-dark-primary py-1 px-2"> 462 FILMS 463 </a> 464 </div> 465 </div> 466 </li> 467 <li class="relative group/item z-50"> 468 <a href="/albums" class="flex items-center gap-3 px-3 py-3 hover:text-primary dark:hover:text-dark-primary"> 469 ALBUMS 470 </a> 471 472 </li> 473 <li class="relative group/item z-50"> 474 <a href="/print" class="flex items-center gap-3 px-3 py-3 hover:text-primary dark:hover:text-dark-primary"> 475 PRINT 476 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-5"> 477 <path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" /> 478 </svg> 479 </a> 480 481 <div class="absolute invisible pt-0 -translate-y-1 transition-[opacity,_transform] 482 group-hover/item:opacity-100 group-hover/item:visible group-hover/item:translate-y-0 opacity-0"> 483 <div class="min-w-48 p-2 bg-white dark:bg-dark-bg dark:text-white border-2 border-black dark:border-dark-primary"> 484 <a href="/print/the-unseen-vol-02-nostalgia" class="block hover:text-primary dark:hover:text-dark-primary py-1 px-2"> 485 Vol. 02: NOSTALGIA 486 </a> 487 <a href="/print/the-unseen-vol-01-belonging" class="block hover:text-primary dark:hover:text-dark-primary py-1 px-2"> 488 Vol. 01: BELONGING 489 </a> 490 </div> 491 </div> 492 </li> 493 <li class="relative group/item z-50"> 494 <a href="/about" class="flex items-center gap-3 px-3 py-3 hover:text-primary dark:hover:text-dark-primary"> 495 ABOUT 496 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-5"> 497 <path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" /> 498 </svg> 499 </a> 500 501 <div class="absolute invisible pt-0 -translate-y-1 transition-[opacity,_transform] 502 group-hover/item:opacity-100 group-hover/item:visible group-hover/item:translate-y-0 opacity-0"> 503 <div class="min-w-48 p-2 bg-white dark:bg-dark-bg dark:text-white border-2 border-black dark:border-dark-primary"> 504 <a href="/team" class="block hover:text-primary dark:hover:text-dark-primary py-1 px-2"> 505 TEAM 506 </a> 507 <a href="/contact" class="block hover:text-primary dark:hover:text-dark-primary py-1 px-2"> 508 CONTACT 509 </a> 510 </div> 511 </div> 512 </li> 513 </ul> 514 515 <div class="flex items-center justify-center"> 516 <a href="https://www.instagram.com/theunseenmag/" 517 target="_blank" 518 class="px-2 py-1 hover:text-primary dark:hover:text-dark-primary" 519 aria-label="Instagram" 520 rel="noopener"> 521 <div class="h-6 w-6"> 522 <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" viewB
522ox="0 0 16 16" width="100%" height="100%"><g transform="matrix(0.6666666666666666,0,0,0.6666666666666666,0,0)"><path d="M17.5,0h-11C2.912,0.006,0.006,2.912,0,6.5v11c0.006,3.588,2.912,6.494,6.5,6.5h11c3.588-0.006,6.494-2.912,6.5-6.5v-11 C23.994,2.912,21.088,0.006,17.5,0z M12,17.5c-3.038,0-5.5-2.462-5.5-5.5S8.962,6.5,12,6.5s5.5,2.462,5.5,5.5S15.038,17.5,12,17.5z M18.5,6.5C17.672,6.5,17,5.828,17,5s0.672-1.5,1.5-1.5S20,4.172,20,5S19.328,6.5,18.5,6.5z" stroke="none" fill="currentColor" stroke-width="0" stroke-linecap="round" stroke-linejoin="round"></path></g></svg> 523 524 </div> 525 </a> 526 <a href="https://tiktok.com/@Theunseenmag" 527 target="_blank" 528 class="px-2 py-1 hover:text-primary dark:hover:text-dark-primary" 529 aria-label="TikTok" 530 rel="noopener"> 531 <div class="h-6 w-6"> 532 <svg role="img" viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"> 533 <title>TikTok</title> 534 <path 535 fill="currentColor" 536 d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z"/> 537</svg> 538 539 </div> 540 </a> 541 <a href="https://www.youtube.com/channel/UCn1941vTe8xbziapRw4lfgA" 542 target="_blank" 543 class="px-2 py-1 hover:text-primary dark:hover:text-dark-primary" 544 aria-label="YouTube" 545 rel="noopener"> 546 <div class="h-6 w-6"> 547 <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" viewBox="0 0 16 16" width="100%" height="100%"><g transform="matrix(0.6666666666666666,0,0,0.6666666666666666,0,0)"><path d="M20.06,3.5H3.94C1.764,3.5,0,5.264,0,7.44v9.12c0,2.176,1.764,3.94,3.94,3.94c0,0,0,0,0,0h16.12 c2.176,0,3.94-1.764,3.94-3.94l0,0V7.44C24,5.264,22.236,3.5,20.06,3.5L20.06,3.5z M16.54,12l-6.77,4.36 c-0.232,0.149-0.542,0.082-0.691-0.151C9.028,16.129,9,16.035,9,15.94V7.28c0-0.276,0.225-0.5,0.501-0.499 c0.095,0,0.189,0.028,0.269,0.079l6.77,4.33c0.232,0.15,0.299,0.459,0.149,0.691c-0.038,0.06-0.089,0.11-0.149,0.149V12z" stroke="none" fill="currentColor" stroke-width="0" stroke-linecap="round" stroke-linejoin="round"></path></g></svg> 548 549 </div> 550 </a> 551 <a href="https://open.spotify.com/user/31vh4ac5lpydguyywvtgxaec3cei?si=bf51bef9f96546cf" 552 target="_blank" 553 class="px-2 py-1 hover:text-primary dark:hover:text-dark-primary" 554 aria-label="Spotify" 555 rel="noopener"> 556 <div class="h-6 w-6"> 557 <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Spotify</title><path fill="currentColor" d="M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.66 0 12 0zm5.521 17.34c-.24.359-.66.48-1.021.24-2.82-1.74-6.36-2.101-10.561-1.141-.418.122-.779-.179-.899-.539-.12-.421.18-.78.54-.9 4.56-1.021 8.52-.6 11.64 1.32.42.18.479.659.301 1.02zm1.44-3.3c-.301.42-.841.6-1.262.3-3.239-1.98-8.159-2.58-11.939-1.38-.479.12-1.02-.12-1.14-.6-.12-.48.12-1.021.6-1.141C9.6 9.9 15 10.561 18.72 12.84c.361.181.54.78.241 1.2zm.12-3.36C15.24 8.4 8.82 8.16 5.16 9.301c-.6.179-1.2-.181-1.38-.721-.18-.601.18-1.2.72-1.381 4.26-1.26 11.28-1.02 15.721 1.621.539.3.719 1.02.419 1.56-.299.421-1.02.599-1.559.3z"/></svg> 558 559 </div> 560 </a> 561 <a href="mailto:[email protected]" 562 target="_blank" 563 class="px-2 py-1 hover:text-primary dark:hover:text-dark-primary" 564 aria-label="E-Mail" 565 rel="noopener"> 566 <div class="h-6 w-6"> 567 <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" viewB
567ox="0 0 16 16" width="100%" height="100%"><g transform="matrix(0.6666666666666666,0,0,0.6666666666666666,0,0)"><path d="M 2.25,4.5h19.5c0.828,0,1.5,0.672,1.5,1.5v12c0,0.828-0.672,1.5-1.5,1.5H2.25c-0.828,0-1.5-0.672-1.5-1.5V6 C0.75,5.172,1.422,4.5,2.25,4.5z " stroke="currentColor" fill="none" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M 15.687,9.975L19.5,13.5 " stroke="currentColor" fill="none" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M 8.313,9.975L4.5,13.5 " stroke="currentColor" fill="none" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M 22.88,5.014l-9.513,6.56 c-0.823,0.568-1.911,0.568-2.734,0L1.12,5.014" stroke="currentColor" fill="none" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></g></svg> 568 569 </div> 570 </a> 571 </div> 572 </div> 573 </div> 574 575 <div class="block md:hidden fixed inset-0 size-full z-40" 576 x-bind:class="{ 'visible': sidebar, 'invisible': !sidebar }"> 577 <button class="absolute inset-0 size-full bg-black/60 z-40 transition-opacity" 578 x-bind:class="{ 'opacity-100': sidebar, 'opacity-0': !sidebar }" 579 aria-label="Hide sidebar" 580 @click="sidebar = false"></button> 581 582 <div class="absolute left-0 top-0 h-full w-4/5 bg-white dark:bg-dark-bg dark:text-white z-50 transition-transform" 583 x-bind:class="{ 'translate-x-0': sidebar, '-translate-x-1/2': !sidebar }"> 584 <h2 class="text-3xl font-display p-4"> 585 Menu 586 </h2> 587 588 <ul> 589 <li class="border-t-2 border-black dark:border-dark-primary "> 590 <a href="/" class="flex items-center gap-3 px-4 py-3 hover:text-primary dark:hover:text-dark-primary text-lg"> 591 HOME 592 </a> 593 594 595 </li> 596 <li class="border-t-2 border-black dark:border-dark-primary pb-3"> 597 <a href="/music-articles" class="flex items-center gap-3 px-4 py-3 hover:text-primary dark:hover:text-dark-primary text-lg"> 598 MUSIC 599 </a> 600 601 602 <a href="/categories/concert" class="flex items-center gap-3 hover:text-primary dark:hover:text-dark-primary py-2 pl-8 pr-4"> 603 <div class="size-6"> 604 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> 605 <path stroke-linecap="round" stroke-linejoin="round" d="m16.49 12 3.75 3.75m0 0-3.75 3.75m3.75-3.75H3.74V4.499" /> 606</svg> 607 608 </div> 609 CONCERT 610 </a> 611 <a href="/categories/interviews" class="flex items-center gap-3 hover:text-primary dark:hover:text-dark-primary py-2 pl-8 pr-4"> 612 <div class="size-6"> 613 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> 614 <path stroke-linecap="round" stroke-linejoin="round" d="m16.49 12 3.75 3.75m0 0-3.75 3.75m3.75-3.75H3.74V4.499" /> 615</svg> 616 617 </div> 618 INTERVIEW 619 </a> 620 <a href="/categories/music-softlaunch" class="flex items-center gap-3 hover:text-primary dark:hover:text-dark-primary py-2 pl-8 pr-4"> 621 <div class="size-6"> 622 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> 623 <path stroke-linecap="round" stroke-linejoin="round" d="m16.49 12 3.75 3.75m0 0-3.75 3.75m3.75-3.75H3.74V4.499" /> 624</svg> 625 626 </div> 627 MUSIC SOFTLAUNCH 628 </a> 629 <a href="/categories/concert-forecast" class="flex items-center gap-3 hover:text-primary dark:hover:text-dark-primary py-2 pl-8 pr-4"> 630 <div class="size-6"> 631 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> 632 <path stroke-linecap="round" stroke-linejoin="round" d="m16.49 12 3.75 3.75m0 0-3.75 3.75m3.75-3.75H3.74V4.499" /> 633</svg> 634 635 </div> 636 CONCERT FORECAST 637 </a> 638 </li> 639 <li class="border-t-2 border-black dark:border-dark-primary pb-3"> 640 <a href="/categories/lifestyle" class="flex items-center gap-3 px-4 py-3 hover:text-primary dark:hover:text-dark-primary text-lg"> 641 LIFESTYLE 642 </a> 643 644 645 <a href="/categories/lifestyle" class="flex items-center gap-3 hover:text-primary dark:hover:text-dark-primary py-2 pl-8 pr-4"> 646 <div class="size-6"> 647 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> 648 <path stroke-linecap="round" stroke-linejoin="round" d="m16.49 12 3.75 3.75m0 0-3.75 3.75m3.75-3.75H3.74V4.499" /> 649</svg> 650 651 </div> 652 LIFESTYLE 653 </a> 654 <a href="/categories/storytelling" class="flex items-center gap-3 hover:text-primary dark:hover:text-dark-primary py-2 pl-8 pr-4"> 655 <div class="size-6"> 656 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> 657 <path stroke-linecap="round" stroke-linejoin="round" d="m16.49 12 3.75 3.75m0 0-3.75 3.75m3.75-3.75H3.74V4.499" /> 658</svg> 659 660 </div> 661 STORYTELLING 662 </a> 663 <a href="/categories/photoseries" class="flex items-center gap-3 hover:text-primary dark:hover:text-dark-primary py-2 pl-8 pr-4"> 664 <div class="size-6"> 665 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> 666 <path stroke-linecap="round" stroke-linejoin="round" d="m16.49 12 3.75 3.75m0 0-3.75 3.75m3.75-3.75H3.74V4.499" /> 667</svg> 668 669 </div> 670 PHOTOSERIES 671 </a> 672 </li> 673 <li class="border-t-2 border-black dark:border-dark-primary pb-3"> 674 <a href="/categories/the-watchlist" class="flex items-center gap-3 px-4 py-3 hover:text-primary dark:hover:text-dark-primary text-lg"> 675 THE WATCHLIST 676 </a> 677 678 <a href="/categories/series" class="flex items-center gap-3 hover:text-primary dark:hover:text-dark-primary py-2 pl-8 pr-4"> 679 <div class="size-6"> 680 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> 681 <path stroke-linecap="round" stroke-linejoin="round" d="m16.49 12 3.75 3.75m0 0-3.75 3.75m3.75-3.75H3.74V4.499" /> 682</svg> 683 684 </div> 685 SERIES 686 </a> 687 688 <a href="/categories/film-tv" class="flex items-center gap-3 hover:text-primary dark:hover:text-dark-primary py-2 pl-8 pr-4"> 689 <div class="size-6"> 690 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> 691 <path stroke-linecap="round" stroke-linejoin="round" d="m16.49 12 3.75 3.75m0 0-3.75 3.75m3.75-3.75H3.74V4.499" /> 692</svg> 693 694 </div> 695 FILMS 696 </a> 697 </li> 698 <li class="border-t-2 border-black dark:border-dark-primary "> 699 <a href="/albums" class="flex items-center gap-3 px-4 py-3 hover:text-primary dark:hover:text-dark-primary text-lg"> 700 ALBUMS 701 </a> 702 703 704 </li> 705 <li class="border-t-2 border-black dark:border-dark-primary pb-3"> 706 <a href="/print" class="flex items-center gap-3 px-4 py-3 hover:text-primary dark:hover:text-dark-primary text-lg"> 707 PRINT 708 </a> 709 710 <a href="/print/the-unseen-vol-02-nostalgia" class="flex items-center gap-3 hover:text-primary dark:hover:text-dark-primary py-2 pl-8 pr-4"> 711 <div class="size-6"> 712 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> 713 <path stroke-linecap="round" stroke-linejoin="round" d="m16.49 12 3.75 3.75m0 0-3.75 3.75m3.75-3.75H3.74V4.499" /> 714</svg> 715 716 </div> 717 Vol. 02: NOSTALGIA 718 </a> 719 <a href="/print/the-unseen-vol-01-belonging" class="flex items-center gap-3 hover:text-primary dark:hover:text-dark-primary py-2 pl-8 pr-4"> 720 <div class="size-6"> 721 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> 722 <path stroke-linecap="round" stroke-linejoin="round" d="m16.49 12 3.75 3.75m0 0-3.75 3.75m3.75-3.75H3.74V4.499" /> 723</svg> 724 725 </div> 726 Vol. 01: BELONGING 727 </a> 728 729 </li> 730 <li class="border-t-2 border-black dark:border-dark-primary pb-3"> 731 <a href="/about" class="flex items-center gap-3 px-4 py-3 hover:text-primary dark:hover:text-dark-primary text-lg"> 732 ABOUT 733 </a> 734 735 <a href="/team" class="flex items-center gap-3 hover:text-primary dark:hover:text-dark-primary py-2 pl-8 pr-4"> 736 <div class="size-6"> 737 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> 738 <path stroke-linecap="round" stroke-linejoin="round" d="m16.49 12 3.75 3.75m0 0-3.75 3.75m3.75-3.75H3.74V4.499" /> 739</svg> 740 741 </div> 742 TEAM 743 </a> 744 <a href="/contact" class="flex items-center gap-3 hover:text-primary dark:hover:text-dark-primary py-2 pl-8 pr-4"> 745 <div class="size-6"> 746 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> 747 <path stroke-linecap="round" stroke-linejoin="round" d="m16.49 12 3.75 3.75m0 0-3.75 3.75m3.75-3.75H3.74V4.499" /> 748</svg> 749 750 </div> 751 CONTACT 752 </a> 753 754 </li> 755 </ul> 756 </div> 757 </div> 758</nav> 759 760 <main class="grid grid-cols-1 lg:grid-cols-8 gap-8 py-12 lg:py-14 px-4 xl:px-0 max-w-4xl mx-auto"> 761 762 <article class=" col-span-full "> 763 764 <h1 class="mb-6 text-2xl md:text-4xl font-bold dark:text-dark-primary "> 765 About 766</h1> 767 768 <div class="mx-auto"> 769 <div class="prose dark:prose-invert max-w-none 770 prose-h1:text-4xl lg:prose-h1:text-5xl prose-h1:mb-4 771 prose-h2:text-3xl lg:prose-h2:text-4xl 772 prose-h3:text-2xl lg:prose-h3:text-3xl 773 prose-h4:text-xl lg:prose-h4:text-2xl 774 prose-h5:text-3xl lg:prose-h5:text-4xl prose-h5:font-bold prose-h5:text-primary dark:prose-h5:text-dark-primary 775 prose-h6:text-2xl lg:prose-h6:text-3xl prose-h6:font-semibold prose-h6:text-primary dark:prose-h6:text-dark-primary 776 prose-blockquote:bg-gray-50 dark:prose-blockquote:bg-white/5 prose-blockquote:px-6 prose-blockquote:py-2 prose-blockquote:border-l-primary dark:prose-blockquote:border-l-dark-primary 777 prose-a:text-primary hover:prose-a:text-primary-mod dark:prose-a:text-dark-primary dark:hover:prose-a:text-dark-primary/80 778 " 779 > 780 <div class="flex justify-center gap-2"> 781 782 <figure class=" data-[lg-id=]:cursor-pointer" 783 data-gallery-image 784 data-sub-html="" 785 data-download-url="https://pub-c5cd020eeed140faaeac59368683ee97.r2.dev/articles/the-unseen-mag/logo-1.png" 786 data-src="https://img.romanzipp.cloud/_IgrJM-oKVuxx2XOJOHY7Qt44GOfA-23xTZXB6igaG8/aHR0cHM6Ly9wdWItYzVjZDAyMGVlZWQxNDBmYWFlYWM1OTM2ODY4M2VlOTcucjIuZGV2L2FydGljbGVzL3RoZS11bnNlZW4tbWFnL2xvZ28tMS5wbmc"> 787 788 <img src="https://img.romanzipp.cloud/BQDfvPVY1_zLd-W3aJR8eUhr6sbfG7683obPQ0A88qc/w:700/h:700/aHR0cHM6Ly9wdWItYzVjZDAyMGVlZWQxNDBmYWFlYWM1OTM2ODY4M2VlOTcucjIuZGV2L2FydGljbGVzL3RoZS11bnNlZW4tbWFnL2xvZ28tMS5wbmc" 789 alt="" 790 class="object-contain"> 791 792 793</figure> 794 </div> 795 <h2 style="text-align: justify;">WE ARE THE UNSEEN! </h2><p style="text-align: justify;"><strong>THE UNSEEN</strong> is an online publication established in 2024 that showcases unique cultures and lifestyles to <strong><em>see the unseen</em></strong>. We cover various lifestyle and cultural topics but also concerts and interviews to provide insight into the light and dark of the pop culture and music industry.</p><p style="text-align: justify;">Founded by two women in the creative industry, Fernanda and Mäx. The Magazine aims to change the narrative and gives a voice to 'the unseen' in the Industry and the Public. As female Photographers, we want to give all people, but especially women and LGBTQ+, a chance to work in the industry and showcase their talent in writing, journalism, and behind the camera. Based in Germany but with an international Team, our magazine covers different perspectives and areas worldwide, primarily in Europe and the US. With a new theme per Issue, we try to challenge the creatives working with us. But we also deliver a theme interpreted by people from all walks of life. After a sold out first Print, the second print issue will be out this year... read <a target="_blank" href="https://theunseenmag.de/print">here</a> for more! </p><p style="text-align: justify;">With Concert Reviews, Interviews, diverse Storytelling, and interesting photo series, we take a look behind the curtains of different stages in music, the daily life, and culture. </p><p style="text-align: justify;">We are eager to celebrate and empower diverse views on life, unique people and their stories. All while showcasing the culture and music that interprets these topics and values.</p><p style="text-align: justify;"><em>WE SEE THE UNSEEN! </em></p> 796 <div class="p-6 lg:p-8 bg-gray-50 mb-4"> 797 <h2 class="mt-0"> 798 ABOUT THE FOUNDERS 799 </h2> 800 801 802 <div class="grid gap-4 grid-cols-1 md:grid-cols-2"> 803 <div class="flex flex-col gap-6"> 804 <div class="shrink-0"> 805 <img src="https://img.romanzipp.cloud/7WlFNbuQJ36eWbAyIdUJBr9vwRWr2yFiXm2_djuQ8BA/w:400/h:400/g:fp:0.5:0.5/rt:fill/aHR0cHM6Ly9wdWItYzVjZDAyMGVlZWQxNDBmYWFlYWM1OTM2ODY4M2VlOTcucjIuZGV2L
8053VzZXJzL21heGluZS5qcGVn" 806 alt="Maxine" 807 class="size-32 shrink-0 rounded-full not-prose"> 808 </div> 809 <div> 810 <h3 class="mt-0"> 811 <a href="/team/maxine" 812 class="not-prose hover:text-primary"> 813 Maxine 814 </a> 815 </h3> 816 <div class="-mt-4 mb-6 text-gray-500 font-medium"> 817 Creative Director, Design, Photographer & Interviews 818 </div> 819 <div class="flex gap-3"> 820 <a href="https://www.instagram.com/shotbymaex" 821 target="_blank" 822 class="opacity-50 hover:opacity-100 hover:text-primary"> 823 <div class="size-6"> 824 <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" viewBox="0 0 16 16" width="100%" height="100%"><g transform="matrix(0.6666666666666666,0,0,0.6666666666666666,0,0)"><path d="M17.5,0h-11C2.912,0.006,0.006,2.912,0,6.5v11c0.006,3.588,2.912,6.494,6.5,6.5h11c3.588-0.006,6.494-2.912,6.5-6.5v-11 C23.994,2.912,21.088,0.006,17.5,0z M12,17.5c-3.038,0-5.5-2.462-5.5-5.5S8.962,6.5,12,6.5s5.5,2.462,5.5,5.5S15.038,17.5,12,17.5z M18.5,6.5C17.672,6.5,17,5.828,17,5s0.672-1.5,1.5-1.5S20,4.172,20,5S19.328,6.5,18.5,6.5z" stroke="none" fill="currentColor" stroke-width="0" stroke-linecap="round" stroke-linejoin="round"></path></g></svg> 825 826 </div> 827 </a> 828 <a href="https://www.tiktok.com/@maxinejuliephoto" 829 target="_blank" 830 class="opacity-50 hover:opacity-100 hover:text-primary"> 831 <div class="size-6"> 832 <svg role="img" viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"> 833 <title>TikTok</title> 834 <path 835 fill="currentColor" 836 d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z"/> 837</svg> 838 839 </div> 840 </a> 841 <a href="https://shotbymaex.myportfolio.com" 842 target="_blank" 843 class="opacity-50 hover:opacity-100 hover:text-primary"> 844 <div class="size-6"> 845 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" height="100%" width="100%"> 846 <path fill-rule="evenodd" d="M8.914 6.025a.75.75 0 0 1 1.06 0 3.5 3.5 0 0 1 0 4.95l-2 2a3.5 3.5 0 0 1-5.396-4.402.75.75 0 0 1 1.251.827 2 2 0 0 0 3.085 2.514l2-2a2 2 0 0 0 0-2.828.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" /> 847 <path fill-rule="evenodd" d="M7.086 9.975a.75.75 0 0 1-1.06 0 3.5 3.5 0 0 1 0-4.95l2-2a3.5 3.5 0 0 1 5.396 4.402.75.75 0 0 1-1.251-.827 2 2 0 0 0-3.085-2.514l-2 2a2 2 0 0 0 0 2.828.75.75 0 0 1 0 1.06Z" clip-rule="evenodd" /> 848</svg> 849 850 </div> 851 </a> 852 <a href="mailto:[email protected]" 853 target="_blank" 854 class="opacity-50 hover:opacity-100 hover:text-primary"> 855 <div class="size-6"> 856 <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" viewBox="0 0 16 16" width="100%" height="100%"><g transform="matrix(0.6666666666666666,0,0,0.6666666666666666,0,0)"><path d="M 2.25,4.5h19.5c0.828,0,1.5,0.672,1.5,1.5v12c0,0.828-0.672,1.5-1.5,1.5H2.25c-0.828,0-1.5-0.672-1.5-1.5V6 C0.75,5.172,1.422,4.5,2.25,4.5z " stroke="currentColor" fill="none" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M 15.687,9.975L19.5,13.5 " stroke="currentColor" fill="none" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M 8.313,9.975L4.5,13.5 " stroke="currentColor" fill="none" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M 22.88,5.014l-9.513,6.56 c-0.823,0.568-1.911,0.568-2.734,0L1.12,5.014" stroke="currentColor" fill="none" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></g></svg> 857 858 </div> 859 </a> 860 </div> 861 <div class="-mb-5"> 862 <p>I love to capture little moments in busy streets, but for our magazine, I mostly take editorial, portraits and concerts shots. You can sometime find me reviewing concerts or talking about all and everything during a hot chocolate in interviews with our guests.</p> 863 864 </div> 865 </div> 866</div> 867 <div class="flex flex-col gap-6"> 868 <div class="shrink-0"> 869 <img src="https://img.romanzipp.cloud/bRtokcdeQXRAhSNV43kGaBJ8zKr1uEKbibQvh8_Vtlc/w:400/h:400/g:fp:0.5:0.5/rt:fill/aHR0cHM6Ly9wdWItYzVjZDAyMGVlZWQxNDBmYWFlYWM1OTM2ODY4M2VlOTcucjIuZGV2L3VzZXJzL2Zlcm5hbmRhLmpwZWc" 870 alt="Fernanda" 871 class="size-32 shrink-0 rounded-full not-prose"> 872 </div> 873 <div> 874 <h3 class="mt-0"> 875 <a href="/team/fernanda" 876 class="not-prose hover:text-primary"> 877 Fernanda 878 </a> 879 </h3> 880 <div class="-mt-4 mb-6 text-gray-500 font-medium"> 881 Creative Director, Photographer & Reviews/Interviews 882 </div> 883 <div class="flex gap-3"> 884 <a href="https://www.instagram.com/fernandaaugel/" 885 target="_blank" 886 class="opacity-50 hover:opacity-100 hover:text-primary"> 887 <div class="size-6"> 888 <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" viewB
888ox="0 0 16 16" width="100%" height="100%"><g transform="matrix(0.6666666666666666,0,0,0.6666666666666666,0,0)"><path d="M17.5,0h-11C2.912,0.006,0.006,2.912,0,6.5v11c0.006,3.588,2.912,6.494,6.5,6.5h11c3.588-0.006,6.494-2.912,6.5-6.5v-11 C23.994,2.912,21.088,0.006,17.5,0z M12,17.5c-3.038,0-5.5-2.462-5.5-5.5S8.962,6.5,12,6.5s5.5,2.462,5.5,5.5S15.038,17.5,12,17.5z M18.5,6.5C17.672,6.5,17,5.828,17,5s0.672-1.5,1.5-1.5S20,4.172,20,5S19.328,6.5,18.5,6.5z" stroke="none" fill="currentColor" stroke-width="0" stroke-linecap="round" stroke-linejoin="round"></path></g></svg> 889 890 </div> 891 </a> 892 <a href="https://www.tiktok.com/fernandaaugel" 893 target="_blank" 894 class="opacity-50 hover:opacity-100 hover:text-primary"> 895 <div class="size-6"> 896 <svg role="img" viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"> 897 <title>TikTok</title> 898 <path 899 fill="currentColor" 900 d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z"/> 901</svg> 902 903 </div> 904 </a> 905 <a href="https://www.fernandaaugel.com" 906 target="_blank" 907 class="opacity-50 hover:opacity-100 hover:text-primary"> 908 <div class="size-6"> 909 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" height="100%" width="100%"> 910 <path fill-rule="evenodd" d="M8.914 6.025a.75.75 0 0 1 1.06 0 3.5 3.5 0 0 1 0 4.95l-2 2a3.5 3.5 0 0 1-5.396-4.402.75.75 0 0 1 1.251.827 2 2 0 0 0 3.085 2.514l2-2a2 2 0 0 0 0-2.828.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" /> 911 <path fill-rule="evenodd" d="M7.086 9.975a.75.75 0 0 1-1.06 0 3.5 3.5 0 0 1 0-4.95l2-2a3.5 3.5 0 0 1 5.396 4.402.75.75 0 0 1-1.251-.827 2 2 0 0 0-3.085-2.514l-2 2a2 2 0 0 0 0 2.828.75.75 0 0 1 0 1.06Z" clip-rule="evenodd" /> 912</svg> 913 914 </div> 915 </a> 916 <a href="mailto:[email protected]" 917 target="_blank" 918 class="opacity-50 hover:opacity-100 hover:text-primary"> 919 <div class="size-6"> 920 <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" viewBox="0 0 16 16" width="100%" height="100%"><g transform="matrix(0.6666666666666666,0,0,0.6666666666666666,0,0)"><path d="M 2.25,4.5h19.5c0.828,0,1.5,0.672,1.5,1.5v12c0,0.828-0.672,1.5-1.5,1.5H2.25c-0.828,0-1.5-0.672-1.5-1.5V6 C0.75,5.172,1.422,4.5,2.25,4.5z " stroke="currentColor" fill="none" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M 15.687,9.975L19.5,13.5 " stroke="currentColor" fill="none" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M 8.313,9.975L4.5,13.5 " stroke="currentColor" fill="none" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M 22.88,5.014l-9.513,6.56 c-0.823,0.568-1.911,0.568-2.734,0L1.12,5.014" stroke="currentColor" fill="none" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></g></svg> 921 922 </div> 923 </a> 924 </div> 925 <div class="-mb-5"> 926 <p>I found my creativity in photography. I love to reinvent myself through photography, especially while focusing on concerts and fashion.</p> 927 928 </div> 929 </div> 930</div> 931 932 </div> 933</div> 934 <h4>FIND THE REST OF OUR TEAM <a target="_blank" href="https://theunseenmag.de/team">HERE</a>!</h4><p><em>For Requests such as Interview/Review, Collabs, Contributions or any other questions see the <a target="_blank" href="https://theunseenmag.de/contact">CONTACT</a> page. </em></p><h4>FOLLOW US FOR OUR LATEST POSTS ON OUR SOCIALS!</h4> 935 <div class="my-6 text-primary"> 936 937 938 939 <div class="flex"> 940 <a href="https://www.instagram.com/theunseenmag/" 941 class="px-2 py-1 hover:text-primary" 942 aria-label="Instagram" 943 rel="noopener"> 944 <div class="size-6"> 945 <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" viewB
945ox="0 0 16 16" width="100%" height="100%"><g transform="matrix(0.6666666666666666,0,0,0.6666666666666666,0,0)"><path d="M17.5,0h-11C2.912,0.006,0.006,2.912,0,6.5v11c0.006,3.588,2.912,6.494,6.5,6.5h11c3.588-0.006,6.494-2.912,6.5-6.5v-11 C23.994,2.912,21.088,0.006,17.5,0z M12,17.5c-3.038,0-5.5-2.462-5.5-5.5S8.962,6.5,12,6.5s5.5,2.462,5.5,5.5S15.038,17.5,12,17.5z M18.5,6.5C17.672,6.5,17,5.828,17,5s0.672-1.5,1.5-1.5S20,4.172,20,5S19.328,6.5,18.5,6.5z" stroke="none" fill="currentColor" stroke-width="0" stroke-linecap="round" stroke-linejoin="round"></path></g></svg> 946 947 </div> 948 </a> 949 <a href="https://tiktok.com/@Theunseenmag" 950 class="px-2 py-1 hover:text-primary" 951 aria-label="TikTok" 952 rel="noopener"> 953 <div class="size-6"> 954 <svg role="img" viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"> 955 <title>TikTok</title> 956 <path 957 fill="currentColor" 958 d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z"/> 959</svg> 960 961 </div> 962 </a> 963 <a href="https://www.youtube.com/channel/UCn1941vTe8xbziapRw4lfgA" 964 class="px-2 py-1 hover:text-primary" 965 aria-label="YouTube" 966 rel="noopener"> 967 <div class="size-6"> 968 <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" viewBox="0 0 16 16" width="100%" height="100%"><g transform="matrix(0.6666666666666666,0,0,0.6666666666666666,0,0)"><path d="M20.06,3.5H3.94C1.764,3.5,0,5.264,0,7.44v9.12c0,2.176,1.764,3.94,3.94,3.94c0,0,0,0,0,0h16.12 c2.176,0,3.94-1.764,3.94-3.94l0,0V7.44C24,5.264,22.236,3.5,20.06,3.5L20.06,3.5z M16.54,12l-6.77,4.36 c-0.232,0.149-0.542,0.082-0.691-0.151C9.028,16.129,9,16.035,9,15.94V7.28c0-0.276,0.225-0.5,0.501-0.499 c0.095,0,0.189,0.028,0.269,0.079l6.77,4.33c0.232,0.15,0.299,0.459,0.149,0.691c-0.038,0.06-0.089,0.11-0.149,0.149V12z" stroke="none" fill="currentColor" stroke-width="0" stroke-linecap="round" stroke-linejoin="round"></path></g></svg> 969 970 </div> 971 </a> 972 <a href="https://open.spotify.com/user/31vh4ac5lpydguyywvtgxaec3cei?si=bf51bef9f96546cf" 973 class="px-2 py-1 hover:text-primary" 974 aria-label="Spotify" 975 rel="noopener"> 976 <div class="size-6"> 977 <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Spotify</title><path fill="currentColor" d="M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.66 0 12 0zm5.521 17.34c-.24.359-.66.48-1.021.24-2.82-1.74-6.36-2.101-10.561-1.141-.418.122-.779-.179-.899-.539-.12-.421.18-.78.54-.9 4.56-1.021 8.52-.6 11.64 1.32.42.18.479.659.301 1.02zm1.44-3.3c-.301.42-.841.6-1.262.3-3.239-1.98-8.159-2.58-11.939-1.38-.479.12-1.02-.12-1.14-.6-.12-.48.12-1.021.6-1.141C9.6 9.9 15 10.561 18.72 12.84c.361.181.54.78.241 1.2zm.12-3.36C15.24 8.4 8.82 8.16 5.16 9.301c-.6.179-1.2-.181-1.38-.721-.18-.601.18-1.2.72-1.381 4.26-1.26 11.28-1.02 15.721 1.621.539.3.719 1.02.419 1.56-.299.421-1.02.599-1.559.3z"/></svg> 978 979 </div> 980 </a> 981 <a href="mailto:[email protected]" 982 class="px-2 py-1 hover:text-primary" 983 aria-label="E-Mail" 984 rel="noopener"> 985 <div class="size-6"> 986 <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" viewB
986ox="0 0 16 16" width="100%" height="100%"><g transform="matrix(0.6666666666666666,0,0,0.6666666666666666,0,0)"><path d="M 2.25,4.5h19.5c0.828,0,1.5,0.672,1.5,1.5v12c0,0.828-0.672,1.5-1.5,1.5H2.25c-0.828,0-1.5-0.672-1.5-1.5V6 C0.75,5.172,1.422,4.5,2.25,4.5z " stroke="currentColor" fill="none" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M 15.687,9.975L19.5,13.5 " stroke="currentColor" fill="none" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M 8.313,9.975L4.5,13.5 " stroke="currentColor" fill="none" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M 22.88,5.014l-9.513,6.56 c-0.823,0.568-1.911,0.568-2.734,0L1.12,5.014" stroke="currentColor" fill="none" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></g></svg> 987 988 </div> 989 </a> 990 </div> 991 992 993</div> 994 995 996 </div> 997</div> 998 999 </article> 1000 1001 </main> 1002 </div> 1003 1004 <footer class="py-6 lg:py-12 px-8 lg:px-32 text-left bg-gray-50 dark:bg-white/5 dark:text-white"> 1005 <div class="container mx-auto"> 1006 <div class="flex flex-col lg:flex-row gap-8 justify-between"> 1007 <div class="max-w-96"> 1008 <h3 class="mb-4 text-3xl font-display"> 1009 THE UNSEEN Mag 1010 </h3> 1011 <p> 1012 THE UNSEEN is an online Magazine established in 2024 that showcases unique cultures and lifestyles to see the unseen. We cover concerts and interviews and provide insight into the light and dark of the music industry. 1013 </p> 1014 </div> 1015 1016 <div> 1017 <h4 class="mb-4 font-bold text-lg"> 1018 Latest Articles 1019 </h4> 1020 <div class="flex flex-col gap-1"> 1021 <a href="/threshing-day-all-about-the-newest-addition-to-the-empyrean-series" class="hover:text-primary"> 1022 Threshing Day: All About the Newest... 1023 </a> 1024 <a href="/rachel-chinouriri-berlin-2026" class="hover:text-primary"> 1025 Inside Rachel Chinouririâs Berlin T... 1026 </a> 1027 <a href="/when-strangers-stop-being-strangers" class="hover:text-primary"> 1028 When Strangers Stop Being Strangers... 1029 </a> 1030 <a href="/act-ii-into-the-unknown-tour-jj-in-hamburg" class="hover:text-primary"> 1031 ACT II - Into the Unknown Tour: JJ... 1032 </a> 1033 <a href="/everything-will-be-ok-kid-vienna-2026" class="hover:text-primary"> 1034 Everything Will Be... OK KID - Vien... 1035 </a> 1036 </div> 1037 </div> 1038 1039 <div> 1040 <h4 class="mb-4 font-bold text-lg"> 1041 Latest Albums 1042 </h4> 1043 <div class="flex flex-col gap-1"> 1044 <a href="/albums/malou-lovis-in-hamburg" class="hover:text-primary"> 1045 Malou Lovis in Hamburg! 1046 </a> 1047 <a href="/albums/rachel-chinouriri-berlin" class="hover:text-primary"> 1048 Rachel Chinouriri in Berlin 1049 </a> 1050 <a href="/albums/ok-kid-in-vienna" class="hover:text-primary"> 1051 OK KID in Vienna 1052 </a> 1053 <a href="/albums/jj-in-hamburg" class="hover:text-primary"> 1054 JJ in Hamburg 1055 </a> 1056 <a href="/albums/annenmaykanterein-in-vienna" class="hover:text-primary"> 1057 AnnenMayKantereit in Vienna 1058 </a> 1059 </div> 1060 </div> 1061 </div> 1062 </div> 1063 1064 <div class="flex items-baseline justify-center gap-2 mt-8 text-sm text-center"> 1065 <div> 1066 © 2026 1067 </div>
1068 <span>·</span> 1069 <a href="/imprint" class="hover:text-primary">Imprint</a> 1070 <span>·</span> 1071 <a href="/privacy" class="hover:text-primary">Privacy Policy</a> 1072 </div> 1073 1074 <div class="flex items-center justify-center mt-6"> 1075 <a href="https://www.instagram.com/theunseenmag/" 1076 target="_blank" 1077 class="px-2 hover:text-primary" 1078 aria-label="Instagram" 1079 rel="noopener"> 1080 <div class="size-6"> 1081 <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" viewBox="0 0 16 16" width="100%" height="100%"><g transform="matrix(0.6666666666666666,0,0,0.6666666666666666,0,0)"><path d="M17.5,0h-11C2.912,0.006,0.006,2.912,0,6.5v11c0.006,3.588,2.912,6.494,6.5,6.5h11c3.588-0.006,6.494-2.912,6.5-6.5v-11 C23.994,2.912,21.088,0.006,17.5,0z M12,17.5c-3.038,0-5.5-2.462-5.5-5.5S8.962,6.5,12,6.5s5.5,2.462,5.5,5.5S15.038,17.5,12,17.5z M18.5,6.5C17.672,6.5,17,5.828,17,5s0.672-1.5,1.5-1.5S20,4.172,20,5S19.328,6.5,18.5,6.5z" stroke="none" fill="currentColor" stroke-width="0" stroke-linecap="round" stroke-linejoin="round"></path></g></svg> 1082 1083 </div> 1084 </a> 1085 <a href="https://tiktok.com/@Theunseenmag" 1086 target="_blank" 1087 class="px-2 hover:text-primary" 1088 aria-label="TikTok" 1089 rel="noopener"> 1090 <div class="size-6"> 1091 <svg role="img" viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"> 1092 <title>TikTok</title> 1093 <path 1094 fill="currentColor" 1095 d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z"/> 1096</svg> 1097 1098 </div> 1099 </a> 1100 <a href="https://www.youtube.com/channel/UCn1941vTe8xbziapRw4lfgA" 1101 target="_blank" 1102 class="px-2 hover:text-primary" 1103 aria-label="YouTube" 1104 rel="noopener"> 1105 <div class="size-6"> 1106 <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" viewBox="0 0 16 16" width="100%" height="100%"><g transform="matrix(0.6666666666666666,0,0,0.6666666666666666,0,0)"><path d="M20.06,3.5H3.94C1.764,3.5,0,5.264,0,7.44v9.12c0,2.176,1.764,3.94,3.94,3.94c0,0,0,0,0,0h16.12 c2.176,0,3.94-1.764,3.94-3.94l0,0V7.44C24,5.264,22.236,3.5,20.06,3.5L20.06,3.5z M16.54,12l-6.77,4.36 c-0.232,0.149-0.542,0.082-0.691-0.151C9.028,16.129,9,16.035,9,15.94V7.28c0-0.276,0.225-0.5,0.501-0.499 c0.095,0,0.189,0.028,0.269,0.079l6.77,4.33c0.232,0.15,0.299,0.459,0.149,0.691c-0.038,0.06-0.089,0.11-0.149,0.149V12z" stroke="none" fill="currentColor" stroke-width="0" stroke-linecap="round" stroke-linejoin="round"></path></g></svg> 1107 1108 </div> 1109 </a> 1110 <a href="https://open.spotify.com/user/31vh4ac5lpydguyywvtgxaec3cei?si=bf51bef9f96546cf" 1111 target="_blank" 1112 class="px-2 hover:text-primary" 1113 aria-label="Spotify" 1114 rel="noopener"> 1115 <div class="size-6"> 1116 <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Spotify</title><path fill="currentColor" d="M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.66 0 12 0zm5.521 17.34c-.24.359-.66.48-1.021.24-2.82-1.74-6.36-2.101-10.561-1.141-.418.122-.779-.179-.899-.539-.12-.421.18-.78.54-.9 4.56-1.021 8.52-.6 11.64 1.32.42.18.479.659.301 1.02zm1.44-3.3c-.301.42-.841.6-1.262.3-3.239-1.98-8.159-2.58-11.939-1.38-.479.12-1.02-.12-1.14-.6-.12-.48.12-1.021.6-1.141C9.6 9.9 15 10.561 18.72 12.84c.361.181.54.78.241 1.2zm.12-3.36C15.24 8.4 8.82 8.16 5.16 9.301c-.6.179-1.2-.181-1.38-.721-.18-.601.18-1.2.72-1.381 4.26-1.26 11.28-1.02 15.721 1.621.539.3.719 1.02.419 1.56-.299.421-1.02.599-1.559.3z"/></svg> 1117 1118 </div> 1119 </a> 1120 <a href="mailto:[email protected]" 1121 target="_blank" 1122 class="px-2 hover:text-primary" 1123 aria-label="E-Mail" 1124 rel="noopener"> 1125 <div class="size-6"> 1126 <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" viewB
1126ox="0 0 16 16" width="100%" height="100%"><g transform="matrix(0.6666666666666666,0,0,0.6666666666666666,0,0)"><path d="M 2.25,4.5h19.5c0.828,0,1.5,0.672,1.5,1.5v12c0,0.828-0.672,1.5-1.5,1.5H2.25c-0.828,0-1.5-0.672-1.5-1.5V6 C0.75,5.172,1.422,4.5,2.25,4.5z " stroke="currentColor" fill="none" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M 15.687,9.975L19.5,13.5 " stroke="currentColor" fill="none" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M 8.313,9.975L4.5,13.5 " stroke="currentColor" fill="none" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M 22.88,5.014l-9.513,6.56 c-0.823,0.568-1.911,0.568-2.734,0L1.12,5.014" stroke="currentColor" fill="none" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></g></svg> 1127 1128 </div> 1129 </a> 1130 </div> 1131</footer> 1132</body> 1133</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.