site-preview/About.html at main · Shymanko/site-preview · 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
<!DOCTYPE html>
<html lang="en" data-locale="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
  <title>Mount Rocks — About</title>
  <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' fill='%230A0A0A' rx='20'/%3E%3Ccircle cx='50' cy='50' r='26' fill='%23F94520'/%3E%3C/svg%3E" />
  <meta name="description" content="Mount Rocks — brand & growth company in Valencia. Ten-plus years of design and marketing practice behind one conviction: a business reflects its owner." />
  <meta name="robots" content="index, follow" />
  <link rel="canonical" href="https://studio.mount.rocks/About.html" />
  <meta property="og:type" content="website" />
  <meta property="og:site_name" content="Mount Rocks" />
  <meta property="og:title" content="Mount Rocks — About" />
  <meta property="og:description" content="Mount Rocks — brand & growth company in Valencia. Ten-plus years of design and marketing practice behind one conviction: a business reflects its owner." />
  <meta property="og:url" content="https://studio.mount.rocks/About.html" />
  <link rel="preload" href="fonts/files/sora-latin-700-normal.woff2" as="font" type="font/woff2" crossorigin />
  <link rel="stylesheet" href="fonts/fonts.css" />
  <link rel="stylesheet" href="styles.css" />
  <link rel="stylesheet" href="service.css" />
  <link rel="stylesheet" href="about.css" />
  <script src="vendor/react.min.js"></script>
  <script src="vendor/react-dom.min.js"></script>

  <template id="__bundler_thumbnail">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400">
      <rect width="400" height="400" fill="#0A0A0A"/>
      <circle cx="320" cy="80" r="120" fill="#F94520" opacity="0.35" filter="blur(40px)"/>
      <g fill="#F5F5F5" font-family="Sora, sans-serif" font-weight="700">
        <text x="60" y="230" font-size="56" letter-spacing="-1">[ABOUT]</text>
      </g>
      <text x="60" y="330" font-family="JetBrains Mono, monospace" font-size="14" fill="#888" letter-spacing="2">[MOUNT ROCKS]</text>
    </svg>
  </template>
</head>
<body>
  <div id="root"></div>

  <!-- Shared bilingual copy + About copy -->
  <script src="copy.js"></script>
  <script src="about-copy.js"></script>

  <!-- Logo data URI -->
  <script src="logo-data.js"></script>

  <!-- App -->
  <script src="about-app.js"></script>
</body>
</html>