Vore_Microcomputers/website
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

basic layout

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
assets/logo.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.4 KiB

43
index.html
View file

@ -5,24 +5,33 @@
<link rel="stylesheet" href="microsoft.css"/> <link rel="stylesheet" href="microsoft.css"/>
</head> </head>
<body> <body>
<h1>welcome to Real Microsoft, LLC!</h1> <div class="container">
<div class="credit"> <div class="container-item">
<img src="xenia.png" alt="image of xenia, an anthropomorphic fox who was a contender for the linux mascot"/> <img src="/assets/logo.png" alt="realmicrosoft logo"/>
<span>image made by <a href="https://twitter.com/cathodegaytube/">@cathodegaytube</a>!</span> <h1>welcome to Real Microsoft, LLC!</h1>
</div> <span id="big-space">
<span id="big-space">
<h2><a href="/yiffos/index.html">yiffOS</a></h2> <h2><a href="/yiffos/index.html">yiffOS</a></h2>
</span> </span>
<p id="footer"><b>REAL MICROSOFT LLC IS NOT AFFILIATED WITH THE MICROSOFT CORPORATION.<br> <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> 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> 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 <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> href="/pgp.asc">pgp key</a>
<br> <br>
for abuse, copyright, or other legal issues, contact <a href="mailto:devnull@realmicrosoft.com">devnull@realmicrosoft.com</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> 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> <br><br>
<a href="https://climate.stripe.com/4MO1d9">Our Carbon Footprint</a> <a href="https://climate.stripe.com/4MO1d9">Our Carbon Footprint</a>
</p> </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> </body>
</html> </html>

28
microsoft.css
View file

@ -24,6 +24,24 @@ code {
border-radius: 3px; 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 { .boxed {
width: 95%; width: 95%;
margin: 0 auto; margin: 0 auto;
@ -59,7 +77,7 @@ code {
} }
.credit { .credit {
width: 40vh; width: 100%;
text-align: center; text-align: center;
font-size: smaller; font-size: smaller;
padding: 0.5em; padding: 0.5em;
@ -67,10 +85,16 @@ code {
} }
.credit img { .credit img {
float: right; float: none;
height: 60vh; height: 60vh;
} }
.credit span {
width: 100%;
float: left;
clear: left;
}
.yiffos-table { .yiffos-table {
width: 100%; width: 100%;
text-align: center; text-align: center;