Repository navigation
Expand file tree
/
Copy pathindex.html
More file actions
104 lines (100 loc) · 5.89 KB
/
Copy pathindex.html
File metadata and controls
104 lines (100 loc) · 5.89 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="color-scheme" content="dark">
<meta name="theme-color" content="#0c0d11">
<meta name="description" content="Ming Media is a game development studio based in Sweden. We create simple fun experiences for the metaverse and have over 1 billion play sessions across our titles.">
<title>Ming Media</title>
<link rel="canonical" href="https://mingmedia.io/">
<meta property="og:locale" content="en_US">
<meta property="og:site_name" content="Ming Media">
<meta property="og:type" content="website">
<meta property="og:url" content="https://mingmedia.io/">
<meta property="og:image" content="https://mingmedia.io/assets/og-image.png">
<meta property="og:description" content="Ming Media is a game development studio based in Sweden. We create simple fun experiences for the metaverse and have over 1 billion play sessions across our titles.">
<meta property="og:image:width" content="1920">
<meta property="og:image:height" content="1080">
<meta property="og:image:type" content="image/png">
<link rel="icon" type="image/svg+xml" href="/assets/favicon.svg">
<link rel="icon" type="image/png" sizes="192x192" href="/assets/favicon.png">
<link rel="apple-touch-icon" href="/assets/apple-touch-icon.png">
<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=Lilita+One&family=Inter:wght@400;500;700&display=swap" rel="stylesheet">
<link href="/css/site.css" rel="stylesheet">
<script>
// Brave on iOS resizes the page when its toolbar shows or hides, which makes
// viewport units jump while scrolling. On touch devices, lock full-screen
// sections to the height at load and only update when the width changes.
if (matchMedia("(pointer: coarse)").matches) {
let width = 0;
const lock = () => {
if (innerWidth === width) return;
width = innerWidth;
document.documentElement.style.setProperty("--screen-h", innerHeight + "px");
};
lock();
addEventListener("resize", lock);
}
</script>
</head>
<body>
<nav>
<div class="wrap">
<a href="#home"><img src="/assets/logo.svg" alt="Ming Media"></a>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#games">Games</a></li>
<li><a href="#about">About</a></li>
</ul>
</div>
</nav>
<header id="home">
<div class="collage" aria-hidden="true">
<div class="track">
<!-- COLLAGE -->
</div>
</div>
<div class="hero wrap">
<h1>simple<br><span>fun.</span></h1>
<div class="stats">
<div class="stat"><b>{{TOTAL_VISITS}}</b><small>Play sessions</small></div>
<div class="stat"><b><span class="dot"></span>{{TOTAL_PLAYING}}</b><small>Playing now</small></div>
<div class="stat"><b>{{GAME_COUNT}}</b><small>Games</small></div>
</div>
</div>
</header>
<section id="games">
<div class="wrap">
<h2>Our Games</h2>
<div class="grid">
<!-- GAMES -->
</div>
</div>
</section>
<section id="about">
<div class="wrap">
<h2>About Us</h2>
<p>Ming Media is an independent game studio based in Sweden, creating simple and fun experiences on Roblox since 2014.</p>
</div>
</section>
<footer>
<div class="wrap">
<div class="socials">
<a href="https://discord.com/invite/pPrq2zt" target="_blank" aria-label="Discord">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M20.317 4.37a19.79 19.79 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.865-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.74 19.74 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028c.462-.63.874-1.295 1.226-1.994a.076.076 0 0 0-.041-.106 13.1 13.1 0 0 1-1.872-.892.077.077 0 0 1-.008-.128c.126-.094.252-.192.372-.291a.074.074 0 0 1 .078-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.009c.12.099.246.198.373.292a.077.077 0 0 1-.006.127 12.3 12.3 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.84 19.84 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z"/></svg>
</a>
<a href="https://twitter.com/MingRBLX" target="_blank" aria-label="X / Twitter">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z"/></svg>
</a>
<a href="mailto:contact@mingmedia.io" aria-label="Email">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M2 5.5A2.5 2.5 0 0 1 4.5 3h15A2.5 2.5 0 0 1 22 5.5v13a2.5 2.5 0 0 1-2.5 2.5h-15A2.5 2.5 0 0 1 2 18.5v-13Zm2.3-.5L12 10.8 19.7 5H4.3ZM20 6.6l-7.4 5.6a1 1 0 0 1-1.2 0L4 6.6v11.9c0 .3.2.5.5.5h15c.3 0 .5-.2.5-.5V6.6Z"/></svg>
</a>
</div>
<small>© 2026 Ming Media AB. All rights reserved.</small>
</div>
</footer>
</body>
</html>