Created
September 16, 2020 16:39
-
-
Save DigiMancer3D/ed61486bc9090fddeaa39e15995e7bcc to your computer and use it in GitHub Desktop.
A simple Dev Overview page
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <style> | |
| html { | |
| background-color: black; | |
| color: limegreen; | |
| text-decoration: none; | |
| overflow-x: hidden; | |
| } | |
| a { | |
| text-decoration: none; | |
| color:white; | |
| } | |
| a:hover { | |
| font-size:125%; | |
| transition: 2.5s; | |
| box-shadow: 0px 0px 8px limegreen; | |
| } | |
| sup { | |
| color: green; | |
| } | |
| sub { | |
| color:green; | |
| } | |
| .tab { | |
| background-color:black; | |
| border-top: 0.75px solid limegreen; | |
| border-left: 0.75px solid limegreen; | |
| border-right: 0.75px solid limegreen; | |
| border-bottom: 0px solid black; | |
| box-shadow: 0px 0px 4px limegreen; | |
| color:limegreen; | |
| border-radius: 5%; | |
| margin:-1.5px; | |
| } | |
| .tab:active { | |
| border-top: 0.75px solid dimgrey; | |
| border-left: 0.75px solid dimgrey; | |
| border-right: 0.75px solid dimgrey; | |
| border-bottom: 0px solid black; | |
| box-shadow: 0px 0px 2px limegreen; | |
| color:white; | |
| border-radius: 5%; | |
| } | |
| #projects { | |
| display: none; | |
| } | |
| #links { | |
| display: none; | |
| } | |
| #repos { | |
| display: none; | |
| } | |
| #social { | |
| display: none; | |
| } | |
| #store { | |
| display: none; | |
| } | |
| @media screen and (max-width:9.9in) { | |
| h1 { | |
| font-size:150%; | |
| width:100%; | |
| margin-right:-18%; | |
| margin-left:19%; | |
| text-align:center; | |
| } | |
| #window { | |
| margin-top:-45%; | |
| text-align:center; | |
| right:0; | |
| margin-right:2.5%; | |
| } | |
| p { | |
| font-size:105%; | |
| } | |
| } | |
| @media screen and (min-width:9.9in) { | |
| h1 { | |
| font-size:350%; | |
| } | |
| #window { | |
| margin-top:-35%; | |
| align:right; | |
| right:0; | |
| } | |
| p { | |
| font-size:150%; | |
| } | |
| } | |
| </style> | |
| <body> | |
| <div id="popup" style="margin:1.5%;width:100%;margin-top:-3.5vw;" class="body" name="body"> | |
| <p id="body" style="margin:1.5%;padding:1.5%;width:100%;" align="center"><div id="leftside" style="align:left;width:30vw;" align="left"><img src="https://cdn.lbryplayer.xyz/api/v3/streams/free/green-3d/7b8c14d8290c4761e8dcee9fbd590a9e88905012/8a7485" style="width:100%;margin-left:3.5%;border-radius:15%;box-shadow:0px 0px 8px dimgrey;" onclick="window.location=('https://deobloucorp.com/3dninja-landing')" align="left" ></img> | |
| </br> | |
| <p style="margin-left:3.5vw;"> | |
| <button class="tab" onclick="hometab();window.location='#body'">Home</button> | |
| <button class="tab" onclick="projectstab();window.location='#body'">Builds</button> | |
| <button class="tab" onclick="linkstab();window.location='#body'">Reads</button> | |
| <button class="tab" onclick="repostab();window.location='#body'">Repos</button> | |
| <button class="tab" onclick="socialtab();window.location='#body'">Social</button> | |
| <button class="tab" onclick="storetab();window.location='#body'">Store</button></br> | |
| <sub><sup>Click face to access my full personal website</sup></sub></p> | |
| </div> | |
| <div id="window" class="window" > | |
| <span id="home"><h1 align="center" style="margin:3.5%;padding-right:5%;margin-top:1%;"><q>What it be?</q> <i>I'm 3D!</i></h1><p style="width:auto;margin:3.5%;border:2px solid darkgreen;margin-left:35%;margin-top:-3.5%;padding:1.5%;box-shadow:0px 0px 4px limegreen;" align="left"> Welcome, you are probably reading this on the hash-based serverless page, my codepen or my github. I build strange things, things not needed yet and things that are needed, either way I don't normally build what's common.</br> I have been online since a young age but had a hard time trying to geting into web-based programming. I started a family right after high school and went into directly into the common workforce. I didn't really get into webcoding (<sub><sup><i>HTML/CSS/JS</i></sup></sub>) until after I lost all my computers in 2012. I unfortunately mined my computers into destruction with overclocking and poor cooling tecnquies. <i>Live and Learn</i> right?!</br> Let's jump up, nowadays I'm working on <a href="https://3dd.in/pvtppr-info" rel="noreferrer noopener" target="_blank">PvtPpr <sup>[Private Paper]</sup></a>, <a href="https://github.com/DigiMancer3D/Faux-Quantum" rel="noreferrer noopener" target="_blank">Faux Quantum <sup>[aka Binary Quantumization]</sup></a>, <a href="https://github.com/DigiMancer3D/Faux-Quantum" rel="noreferrer noopener" target="_blank">Faux Quantum <sup>[aka Binary Quantumization]</sup></a>, <a href="https://3dbtclist.com" rel="noreferrer noopener" target="_blank">3dbtclist.com <sup>[free crypto hub]</sup></a>, & Defi 2.0 Protocol.</p> | |
| </p></span> | |
| <span id="projects"><h1 align="center" style="margin:3.5%;padding-right:5%;margin-top:1%;"><q>My Active Projects</q></h1><p style="width:auto;margin:3.5%;border:2px solid darkgreen;margin-left:35%;margin-top:-3.5%;padding:1.5%;box-shadow:0px 0px 4px limegreen;" align="left"> | |
| <a href="https://3dbtclist.com" rel="noreferrer noopener" target="_blank">3D's BTC Lists</a> - Collect free cryptocurrency from faucets and other methods. There are also learning opritunities fro cryptocurrency learning. Serviced through hash-based serverless web-technology.</br></br> | |
| <a href="https://3dd.in/PPGen" rel="noreferrer noopener" target="_blank">PvtPpr</a> - Write anything online without having that online presence. Articles, Journals and other text documents written with PvtPpr is not stored to servers and is private untill the user chooses to refresh or share their private paper.</br></br> | |
| <a href="https://3dd.in/BinaryFauxQbits" rel="noreferrer noopener" target="_blank">Faux-Quantum Bits <sup>[aka Binary Quantum]</sup></a> - Manipulation of input to create a non-specific binary field that will one day have entangled binary strings. This is my project to combat against Quantum Machines by building a type of encryption that will allow for both public and private binary fields that data strings are entangled to as a type of encryption layer while utilizing public CRC encryptions for more robust usability.</br></br> | |
| Defi 2.0 - Building a Decentralized Financial Protocol of the new era. Utilizing special setups for community building the rebase pool, having layered pools, new locking procedures and even attempting at moduale contracts. This will be the start of the new financial abbilities with cryptocurrency. A protocol where everyone wins. | |
| </p></span> | |
| <span id="links"><h1 align="center" style="margin:3.5%;padding-right:5%;margin-top:1%;"><q>My Personal Writtings</q></h1><p style="width:auto;margin:3.5%;border:2px solid darkgreen;margin-left:35%;margin-top:-3.5%;padding:1.5%;box-shadow:0px 0px 4px limegreen;" align="left"> | |
| <a href="https://3dd.in/3D-Pov" rel="noreferrer noopener" target="_blank">3D's Crypto & Technology Point Of View <sup>(POV)</sup></a> - Read about my perspective of cryptotechnology as well as cryptocurrency and general technology.</br></br> | |
| <a href="https://3dd.in/PvtPpr" rel="noreferrer noopener" target="_blank">PvtPpr Official Newschain</a> - Read up on all the latest PvtPpr news and see different examples of what works with the PvtPpr Generators.</br></br> | |
| <a href="https://deobloucorp.com/PwC" rel="noreferrer noopener" target="_blank">Being Poor with Cryptocurrency</a> - Being poor with fiat is common but being poor with crypto is also common. This is a blog to help people whom are poor overcome this burden and is centered around being poor and gaining/using cryptocurrency.</br></br> | |
| <a href="https://3dd.in/Idiotblog" rel="noreferrer noopener" target="_blank">The Idiot Blog</a> - Micro blog built using PvtPpr Generators to help others and myself overcome one's hardships. | |
| </p></span> | |
| <span id="repos"><h1 align="center" style="margin:3.5%;padding-right:5%;margin-top:1%;"><q>My Personal Repositories</q></h1><p style="width:auto;margin:3.5%;border:2px solid darkgreen;margin-left:35%;margin-top:-3.5%;padding:1.5%;box-shadow:0px 0px 4px limegreen;" align="left"> | |
| <a href="https://github.com/Digimancer3D" rel="noreferrer noopener" target="_blank">My Github Repo</a> - I only use Github as a presentation Repo. More finished work, more ready to use work.</br></br> | |
| <a href="https://codepen.io/Digimancer3D" rel="noreferrer noopener" target="_blank">My Codepen Repo</a> - This is my testing Github, I use it to test the UI and UX of a project.</p></span> | |
| <span id="social"><h1 align="center" style="margin:3.5%;padding-right:5%;margin-top:1%;"> <q>My Social Accounts</q></h1><p style="width:auto;margin:3.5%;border:2px solid darkgreen;margin-left:35%;margin-top:-3.5%;padding:1.5%;box-shadow:0px 0px 4px limegreen;" align="left"> | |
| <a href="https://Twitter.com/Radioactive3D" rel="noreferrer noopener" target="_blank">Twitter: @Radioactive3D</a> - Beware, tweets are my own opinions but I do tweet just about everyday. My most active social presence.</br></br> | |
| <a href="https://https://flote.app/3d_" rel="noreferrer noopener" target="_blank">Flote App: 3D_</a> - This is my flote app profile. Flote app is a competitor to Facebook and Myspace.</br></br> | |
| <a href="https://lbry.tv/@DeoblouCorp:e" rel="noreferrer noopener" target="_blank">Lbry: @DeoblouCorp:e</a> - This is my most popular Lbry channel. Lbry is a YouTube competitor.</br></br> | |
| <a href="https://bittube.tv/profile/3D__" rel="noreferrer noopener" target="_blank">Bittube: 3D__</a> - This is my Bittube channel. Bittube is a YouTube competitor.</p></span> | |
| <span id="store"><h1 align="center" style="margin:3.5%;padding-right:5%;margin-top:1%;"><q>My Public Stores</q></h1><p style="width:auto;margin:3.5%;border:2px solid darkgreen;margin-left:35%;margin-top:-3.5%;padding:1.5%;box-shadow:0px 0px 4px limegreen;" align="left"> Everyone nowadays has their own drop-store or clothing store and I am no different. View the clothes and gear I offer for sale by clicking one of the bottom links.</br></br> | |
| <a href="https://teespring.com/stores/3d-d-c" rel="noreferrer noopener" target="_blank"><q>3D & D_C</q> <sup>TeeSpring</sup></a> - 3D & D_C is the store for more fun designs as well as for PvtPpr branded & 3D branded gear!</br></br> | |
| <a href="https://www.redbubble.com/people/3D--/shop" rel="noreferrer noopener" target="_blank"><q>3D Memes & Crypto</q> <sup>RedBubble</sup></a> - Get your favorite 3D's Memes and crypto related gear from this Redbubble shop!</br></br> | |
| <a href="https://app.rarible.com/3d-odds" rel="noreferrer noopener" target="_blank">Non-Fungable Tokens</a> - Yes, you can purchase one of my NFTs from Rarible over ETH! I offer NFT-only-articles as well as entries to secure-private meshnetworks via NFTs and so much more. Get your ETH wallet ready and see what's being offered!</br></br> | |
| <a href="https://www.cafepress.com/profile/d_c" rel="noreferrer noopener" target="_blank"><q>Deoblou Corp & 3D</q> <sup>CafePress</sup></a> - 3D's original gear and clothing offering shop has the classic 3D & Deoblou Corp <sup><sub>#<i>like<b>D_C</b></i></sub></sup>.</p></span> | |
| </div> | |
| </div> | |
| <script> | |
| function hometab() { | |
| document.getElementById('home').style='display:block;margin-top:-30%;align:right;width:100%;right:0;left:30vw;margin-left:3%;'; | |
| document.getElementById('projects').style='display:none;'; | |
| document.getElementById('links').style='display:none;'; | |
| document.getElementById('repos').style='display:none;'; | |
| document.getElementById('social').style='display:none;'; | |
| document.getElementById('store').style='display:none;'; | |
| document.getElementById('leftside').style='margin-left:3%;width:30vw;margin-right:2.5%;'; | |
| } | |
| function projectstab() { | |
| document.getElementById('home').style='display:none;'; | |
| document.getElementById('projects').style='display:block;margin-top:-30%;align:right;width:100%;right:0;left:30vw;margin-left:3%;'; | |
| document.getElementById('links').style='display:none;'; | |
| document.getElementById('repos').style='display:none;'; | |
| document.getElementById('social').style='display:none;'; | |
| document.getElementById('store').style='display:none;'; | |
| document.getElementById('leftside').style='margin-left:3%;width:30vw;margin-right:2.5%;'; | |
| } | |
| function linkstab() { | |
| document.getElementById('home').style='display:none;'; | |
| document.getElementById('projects').style='display:none;'; | |
| document.getElementById('links').style='display:block;margin-top:-30%;align:right;width:100%;right:0;left:30vw;margin-left:3%;'; | |
| document.getElementById('repos').style='display:none;'; | |
| document.getElementById('social').style='display:none;'; | |
| document.getElementById('store').style='display:none;'; | |
| document.getElementById('leftside').style='margin-left:3%;width:30vw;margin-right:2.5%;'; | |
| } | |
| function repostab() { | |
| document.getElementById('home').style='display:none;'; | |
| document.getElementById('projects').style='display:none;'; | |
| document.getElementById('links').style='display:none;'; | |
| document.getElementById('repos').style='display:block;margin-top:-30%;align:right;width:100%;right:0;left:30vw;margin-left:3%;'; | |
| document.getElementById('social').style='display:none;'; | |
| document.getElementById('store').style='display:none;'; | |
| document.getElementById('leftside').style='margin-left:3%;width:30vw;margin-right:2.5%;'; | |
| } | |
| function socialtab() { | |
| document.getElementById('home').style='display:none;'; | |
| document.getElementById('projects').style='display:none;'; | |
| document.getElementById('links').style='display:none;'; | |
| document.getElementById('repos').style='display:none;'; | |
| document.getElementById('social').style='display:block;margin-top:-30%;align:right;width:100%;right:0;left:30vw;margin-left:3%;'; | |
| document.getElementById('store').style='display:none;'; | |
| document.getElementById('leftside').style='margin-left:3%;width:30vw;margin-right:2.5%;'; | |
| } | |
| function storetab() { | |
| document.getElementById('home').style='display:none;'; | |
| document.getElementById('projects').style='display:none;'; | |
| document.getElementById('links').style='display:none;'; | |
| document.getElementById('repos').style='display:none;'; | |
| document.getElementById('social').style='display:none;'; | |
| document.getElementById('store').style='display:block;margin-top:-30%;align:right;width:100%;right:0;left:30vw;margin-left:3%;'; | |
| document.getElementById('leftside').style='margin-left:3%;width:30vw;margin-right:2.5%;'; | |
| } | |
| </script> | |
| </body> | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment