basic layout

This commit is contained in:
fekhesk 2022-10-23 01:23:27 +00:00
parent 90253b2d3e
commit 6ee040363b
No known key found for this signature in database
GPG key ID: 6B3D8CB511646891
3 changed files with 52 additions and 19 deletions

BIN
assets/logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 KiB

View file

@ -5,24 +5,33 @@
<link rel="stylesheet" href="microsoft.css"/>
</head>
<body>
<h1>welcome to Real Microsoft, LLC!</h1>
<div class="credit">
<img src="xenia.png" alt="image of xenia, an anthropomorphic fox who was a contender for the linux mascot"/>
<span>image made by <a href="https://twitter.com/cathodegaytube/">@cathodegaytube</a>!</span>
</div>
<span id="big-space">
<div class="container">
<div class="container-item">
<img src="/assets/logo.png" alt="realmicrosoft logo"/>
<h1>welcome to Real Microsoft, LLC!</h1>
<span id="big-space">
<h2><a href="/yiffos/index.html">yiffOS</a></h2>
</span>
<p id="footer"><b>REAL MICROSOFT LLC IS NOT AFFILIATED WITH THE MICROSOFT CORPORATION.<br>
WE DO NOT WORK WITH AND/OR ASSOCIATE WITH ANY MICROSOFT CORPORATION PRODUCTS OR SERVICES, INCLUDING BUT NOT LIMITED TO:<br>
WINDOWS, AZURE, OFFICE, etc.<br></b>
<br>contact me (mr official bill gate) at <a href="mailto:billgate@realmicrosoft.com">billgate@realmicrosoft.com</a> <a
href="/pgp.asc">pgp key</a>
<br>
for abuse, copyright, or other legal issues, contact <a href="mailto:devnull@realmicrosoft.com">devnull@realmicrosoft.com</a><br>
or, call at <a href="tel:1-888-519-0437">+1 (888) 519-0437 (toll-free)</a> or <a href="tel:1-507-767-9433">+1 (507) RMS-YIFF (local)</a>
<br><br>
<a href="https://climate.stripe.com/4MO1d9">Our Carbon Footprint</a>
</p>
<p id="footer"><b>REAL MICROSOFT LLC IS NOT AFFILIATED WITH THE MICROSOFT CORPORATION.<br>
WE DO NOT WORK WITH AND/OR ASSOCIATE WITH ANY MICROSOFT CORPORATION PRODUCTS OR SERVICES, INCLUDING BUT NOT LIMITED TO:<br>
WINDOWS, AZURE, OFFICE, etc.<br></b>
<br>contact me (mr official bill gate) at <a href="mailto:billgate@realmicrosoft.com">billgate@realmicrosoft.com</a> <a
href="/pgp.asc">pgp key</a>
<br>
for abuse, copyright, or other legal issues, contact <a href="mailto:devnull@realmicrosoft.com">devnull@realmicrosoft.com</a><br>
or, call at <a href="tel:1-888-519-0437">+1 (888) 519-0437 (toll-free)</a> or <a href="tel:1-507-767-9433">+1 (507) RMS-YIFF (local)</a>
<br><br>
<a href="https://climate.stripe.com/4MO1d9">Our Carbon Footprint</a>
</p>
</div>
<div class="container-item">
<div class="lock-y">
<div class="credit">
<img src="xenia.png" alt="image of xenia, an anthropomorphic fox who was a contender for the linux mascot"/>
<span>image made by <a href="https://twitter.com/cathodegaytube/">@cathodegaytube</a>!</span>
</div>
</div>
</div>
</div>
</body>
</html>

View file

@ -24,6 +24,24 @@ code {
border-radius: 3px;
}
.container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
}
.container-item {
flex: 1 1 40%;
padding: 10px;
}
.lock-y {
}
.boxed {
width: 95%;
margin: 0 auto;
@ -59,7 +77,7 @@ code {
}
.credit {
width: 40vh;
width: 100%;
text-align: center;
font-size: smaller;
padding: 0.5em;
@ -67,10 +85,16 @@ code {
}
.credit img {
float: right;
float: none;
height: 60vh;
}
.credit span {
width: 100%;
float: left;
clear: left;
}
.yiffos-table {
width: 100%;
text-align: center;