Simple initial splash

Lots more to come, this is just a decent spot to trampoline from.
meese-enterprises · Mar 23, 2022 · d8694d1 · d8694d1
1 parent 676c864
commit d8694d1
Show file tree

Hide file tree

Showing 6 changed files with 121 additions and 0 deletions.
diff --git a/.editorconfig b/.editorconfig
@@ -0,0 +1,12 @@
+# EditorConfig is awesome: https://EditorConfig.org
+
+# top-most EditorConfig file
+root = true
+
+[*]
+indent_style = tab
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
diff --git a/fonts/Bios-Regular.otf b/fonts/Bios-Regular.otf
diff --git a/fonts/Noto.otf b/fonts/Noto.otf
diff --git a/index.html b/index.html
@@ -0,0 +1,34 @@
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+
+	<title>Meese Enterprises, LLC</title>
+	<meta name="description" content="Just say the word.">
+	<meta name="author" content="Aaron Meese {@ajmeese7}">
+
+	<meta property="og:title" content="Meese Enterprises, LLC">
+	<meta property="og:type" content="website">
+	<meta property="og:url" content="https://www.meese.enterprises">
+	<meta property="og:description" content="Just say the word.">
+	<meta property="og:image" content="logo.png">
+
+	<link rel="icon" href="logo.png">
+	<link rel="apple-touch-icon" href="logo.png">
+
+	<link rel="stylesheet" href="style.css">
+</head>
+
+<body>
+	<div id="companyLogo">
+		<!--
+			米斯企业有限责任公司 = Meese Enterprises LLC
+			米斯企業 = Meese Enterprises
+			只說一句話 = Just say the word
+		-->
+		<p id="chinese" class="chineseShadow">米斯企业有限责任公司</p>
+		<p id="companyName">MEESE</p>
+		<p id="companyType">ENTERPRISES</p>
+		<p id="chineseTagline" class="chineseShadow">只說一句話</p>
+		<p id="tagline">Just say the word.</p>
+	</div>
+</body>
diff --git a/logo.png b/logo.png
diff --git a/style.css b/style.css
@@ -0,0 +1,75 @@
+body {
+	background-color: #000;
+}
+
+@font-face {
+	font-family: "Noto";
+	src: url("./fonts/Noto.otf") format("opentype");
+}
+@font-face {
+	font-family: "Bios Regular";
+	src: url("./fonts/Bios-Regular.otf") format("opentype");
+}
+
+p {
+	margin: 0;
+}
+#companyLogo {
+	align-items: center;
+	display: flex;
+	justify-content: center;
+	flex-direction: column;
+
+	position: relative;
+	top: 50%;
+	-webkit-transform: translateY(-50%);
+	-ms-transform: translateY(-50%);
+	transform: translateY(-50%);
+}
+
+#chinese {
+	font-family: "Noto";
+	font-size: 40px;
+}
+#chineseTagline {
+	font-family: "Noto";
+	font-size: 30px;
+	letter-spacing: 0.7ch;
+}
+.chineseShadow {
+	/* use black as the color and remove the second shadow for normal text w/o blur */
+	color: transparent;
+	text-shadow: 2px 2px #00FF00, 0 0 4px #000;
+	text-shadow:
+		-1px -1px rgba(214, 0, 255, 0.6),
+		1px 1px rgba(0, 184, 255, 0.6);
+	/*-2px -2px 0 rgba(0, 184, 255, 0.5);*/
+}
+
+#companyName {
+	font-family: "Bios Regular";
+	font-size: 90px;
+	color: transparent;
+	text-shadow:
+		-3px -3px 1px rgba(214, 0, 255, 0.6),
+		3px 3px 1px rgba(0, 184, 255, 0.6);
+}
+#companyType {
+	font-family: "Bios Regular";
+	font-size: 30px;
+	letter-spacing: 0.5ch;
+	color: transparent;
+
+	text-shadow:
+		-1px -1px rgba(214, 0, 255, 0.6),
+		1px 1px rgba(0, 184, 255, 0.6);
+}
+
+#tagline {
+	font-family: "Lucida Console";
+	font-size: 24px;
+	color: white;
+	letter-spacing: -1px;
+	text-shadow: 0 0 3px #FFFFFF;
+	margin-top: 35px;
+}