bemoe.online landing page

4 years ago · 42799ff417
--- a/bemoe.online/background.gif
+++ b/bemoe.online/background.gif
--- a/bemoe.online/background.jpg
+++ b/bemoe.online/background.jpg
--- a/bemoe.online/canvass.css
+++ b/bemoe.online/canvass.css
@@ -0,0 +1,68 @@
 html {
   display: block;
 }

 body {
   font-family: sans-serif;
   font-style: normal;
   color: #036;
   display: block;
   margin: 8px;
   background-color: white;
   background-image: url("background.jpg");
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-position: bottom;
   background-size: contain;
 }

 p {
   font-family: sans-serif;
   font-style: normal;
   font-size: normal;
 }

 .fig {
   font-family: Monospace;
   font-size: 5pt;
   color: blue;
 }

 h1 {
   text-align: left;
   font-size: 3em;
   text-shadow: 2px 2px #f00;
 }

 h2 {
   text-align: left;
   font-size: 1.5em;
   margin-left: -2em;
   text-shadow: 1px 1px #ccc;
 }

 div {
   margin: auto;
   display: block;
   font-family: 'Source Code Pro', Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace;
 }

 div.content {
   margin: auto;
   font-family: 'Source Code Pro', Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace;
   text-align: justify;
   max-width: 800px;
 }

 a {
   text-decoration: none;
   color: darkcyan;
   font-weight: bold;
 }

 marquee {
   font-family: monospace;
   font-style: bold;
   font-size: .5em;
   background-color: pink;
 }
--- a/bemoe.online/index.html
+++ b/bemoe.online/index.html
@@ -1,49 +1,34 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
 	<meta charset="UTF-8">
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
   <title>be 萌え online</title>
   <link rel="stylesheet" type="text/css" href="style.css">
   <link rel="stylesheet" type="text/css" href="canvass.css">
 </head>
 <body>
   <!-- Quotes (only one for now because I am to lazy to do js) -->
   <!-- marquee because i can. bite me -->
   <marquee class="quotes" behavior="scroll" direction="left"><pre class="fig">
 _______  _______    __   __  _______  _______    _______  __    _  ___      ___   __    _  _______
 |  _    ||       |  |  |_|  ||       ||       |  |       ||  |  | ||   |    |   | |  |  | ||       |
 | |_|   ||    ___|  |       ||   _   ||    ___|  |   _   ||   |_| ||   |    |   | |   |_| ||    ___|
 |       ||   |___   |       ||  | |  ||   |___   |  | |  ||       ||   |    |   | |       ||   |___
 |  _   | |    ___|  |       ||  |_|  ||    ___|  |  |_|  ||  _    ||   |___ |   | |  _    ||    ___|
 | |_|   ||   |___   | ||_|| ||       ||   |___   |       || | |   ||       ||   | | | |   ||   |___
 |_______||_______|  |_|   |_||_______||_______|  |_______||_|  |__||_______||___| |_|  |__||_______|
        _______  _______    __   __  _______  _______    _______  __    _  ___      ___   __    _  _______
       |  _    ||       |  |  |_|  ||       ||       |  |       ||  |  | ||   |    |   | |  |  | ||       |
       | |_|   ||    ___|  |       ||   _   ||    ___|  |   _   ||   |_| ||   |    |   | |   |_| ||    ___|
       |       ||   |___   |       ||  | |  ||   |___   |  | |  ||       ||   |    |   | |       ||   |___
       |  _   | |    ___|  |       ||  |_|  ||    ___|  |  |_|  ||  _    ||   |___ |   | |  _    ||    ___|
       | |_|   ||   |___   | ||_|| ||       ||   |___   |       || | |   ||       ||   | | | |   ||   |___
       |_______||_______|  |_|   |_||_______||_______|  |_______||_|  |__||_______||___| |_|  |__||_______|
   </pre></marquee>
   <div>
 			  <h1>「bemoe.online」ようこそ！</h1>
 </div>
      <h1>「bemoe.online」ようこそ！</h1>
   </div>
   <div class="content">

        <!-- PGP-Keys -->
        <!--
        <h2>
            PGP keys:
        </h2>
        <p>
            murabito@bemoe.online <a href="./murabito.asc">00DB A1E8 22F8 1E3E</a>
        </p>
 	-->
        <!-- End PGP-Keys -->
        <!-- Servicelist -->
        <h2>
 	   on my domain:
        </h2>
        <p>
 	<strong>blog: </strong> <a href="https://blog.bemoe.online/">blog.bemoe.online</a>
        </p>
        <p>
 	<strong>fedi instance: </strong> <a href="https://lets.bemoe.online/">lets.bemoe.online (lbmo)</a>
        </p>
        <!-- End Servicelist -->
    </div>
      <!-- Servicelist -->
      <h2>on my domain:</h2>
      <p><strong>blog: </strong> <a href="https://blog.bemoe.online/">blog.bemoe.online</a></p>
      <p><strong>fedi instance: </strong> <a href="https://lets.bemoe.online/">lets.bemoe.online (lbmo)</a></p>
      <!-- End Servicelist -->
      <br /><br /><br />
      <p><strong><em>more to come... probably</em></strong></p>
   </div>
 </body>
 </html>
--- a/bemoe.online/style.css
+++ b/bemoe.online/style.css
@@ -1,61 +0,0 @@
 html {
    display: block;
 }

 body {
 font-family: sans-serif;
    font-style: normal;
 /*    font-weight: 200;*/
    color: whitesmoke;

    display: block;
    margin: 8px;

    background-image: url("background.gif");
    background-size: cover;
 }

 p {
    font-family: monospace;
    font-style: normal;
    font-size: normal;
 }

 .fig {
 	font-family: Monospace;
 	font-size: 5pt;
 	/*color: blue;*/

 }

 h1 {
   text-align: center;
   font-size: 3em;
   }

 div {
    margin: auto;
    display: block;
 	font-family: 'Source Code Pro', Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace;
 }

 div.content {
    margin: auto;
 	font-family: 'Source Code Pro', Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace;
 	text-align: justify;
    max-width: 800px;

 /*    background-color: black;*/
 }

 a {
    text-decoration: none;
    color: lightcyan;
    font-weight: bold;
 }

 marquee {
    font-family: monospace;
    font-style: bold;
    font-size: .5em;
 }