Profile
<!----------------------------------------------
| LAB NOTEBOOK |
| by Zylphide |
------------------------------------------------
-text color:
- border color: #7d7d7d
- grid color can't be changed sorry, feel free to make your own grid in different colors (set opacity to ~35% to make it less hard to read)
-------------------------------------------------------->
<div class="row justify-content-center">
<div class="col-lg-8 bg-faded p-4">
<!----- page number ----->
<div class="col" style="text-align: right">
<h4>69</h4>
</div>
<!----- page number END ----->
<!---- header info ---->
<div class="row no-gutters px-2 pt-2 pb-3" style="font-weight: bold">
<!----- header left ---->
<div class="col-lg-9">
<h2><b><span class="text-primary">TITLE: </span> Lab Notebook Code For Science Nerds Everywhere</b></h2>
<h2><b><span class="text-primary">PROJECT: </span> Miscellaneous Toyhouse Templates</b></h2>
</div>
<!----- header left END ---->
<!----- header right ---->
<div class="col-lg-3">
<h2><b><span class="text-primary">DATE: </span> 2021-01-16</b></h2>
<h2><b><span class="text-primary">PROJECT No: </span> #</b></h2>
</div>
<!----- header right infoEND ---->
</div>
<!---- header info END ---->
<!---- main text area ----->
<!---- grid background, repeats ---->
<div class="col-lg-12 px-3 py-2" style="background: url(https://i.imgur.com/r2tpoKp.png); border: 1px solid #7d7d7d">
<!---- continued section ----->
<div class="col-12">
Continued from page #
</div>
<!---- continued section END----->
<!---- purpose ----->
<div class="col-12 my-2" style="font-size: 1.03em;">
<span style="font-size:1.2em"><b>Purpose:</b></span>
<p class="pl-2">To procrastinate on actually doing my research by typing up HTML.</p>
</div>
<!---- purpose END ----->
<!---- methods ----->
<div class="col-12 my-2" style="font-size: 1.03em;">
<span style="font-size:1.2em"><b>Methods:</b></span>
<div class="row pl-2">
<!---- materials column ---->
<div class="col-lg-5">
<u>Materials used:</u>
<ul>
<li><a href="https://th.circlejourney.net/#">Circlejourney's Toyhouse Live Editor</a></li>
<li>Grid texture – made in Photoshop CS6</li>
<li>Stack Overflow</li>
</ul>
<!---- sideways text ----->
<div class="container rounded-0 mb-2" style="font-size: 1.02em; transform: rotate(-2deg);">
sideways text for when you forget to add something and have to add it later (it always happens to me lmao)
</div>
<!---- sideways textd END ---->
</div>
<!---- materials column END ---->
<!---- procedure column ----->
<div class="col-lg-7">
<u>Procedure:</u>
<ul>
<li>Struggle to remember the format of your lab notebook</li>
<li>Remember that you hate the format of your lab notebook and proceed to look up pictures of lab notebooks on Google Images</li>
<li>Sketch mock-up of layout</li>
<li>Take way too long making a grid in PS</li>
<li>Type code in editor</li>
<li>Make sure everything looks fine on mobile (rip)</li>
</ul>
</div>
<!---- procedure column END ----->
</div>
</div>
<!---- methods END ----->
<!---- results ----->
<div class="col-12 my-2" style="font-size: 1.03em;">
<span style="font-size:1.2em"><b>Results:</b></span>
<p class="pl-2 mb-3">Experiment was a success!! A code has been created!! I haven't worked on my own research at all!!</p>
<!---- results section 1 ----->
<div class="row m-2">
<!---- image 1 card ----->
<div class="col-lg-7 mb-2">
<div class="card bg-faded rounded-0 p-2">
<!---- tape ---->
<div class="container" style="height: 20px; max-width: 60%; margin-top: -18px; background: rgba(210,210,210,0.2);"></div>
<!---- tape END ---->
<!---- image 1 ----->
<img src="https://i.imgur.com/yjdjApp.png">
<!---- image 1 END ----->
<!---- tape ---->
<div class="container" style="height: 20px; max-width: 60%; margin-bottom: -18px; background: rgba(210,210,210,0.2);"></div>
<!---- tape END ---->
</div>
</div>
<!---- image 1 card END ---->
<!---- description for image 1 ----->
<div class="col-lg-5 my-auto">
<ul>
<li>This text automatically centers on the y-axis! </li>
<li>If you don't like that, delete my-auto in the <code>class="col-lg-5 my-auto"</code> section</li>
<li>Also I decided to change grid colors later on and never bothered to update the images sorry</li>
</ul>
</div>
<!---- description for image 1 END ----->
</div>
<!---- results section 1 END ----->
<br>
<!---- results section 2 ----->
<div class="row m-2">
<!---- description for image 2 ----->
<div class="col-lg-5 my-auto">
<ul>
<li>It even works on mobile – wow!</li>
<li>Vertical images don't work so well here on large screens rip</li>
<li>Change the <code>col-lg-#</code> sections of the code to different numbers to change the amount of space alotted to each area (but make sure the total adds up to 12 or you'll have a bad time)</li>
</ul>
</div>
<!---- description for image 2 END ----->
<!---- image 2 card ----->
<div class="col-lg-7 mb-2">
<div class="card bg-faded rounded-0 p-2">
<!---- tape ---->
<div class="container" style="height: 20px; max-width: 60%; margin-top: -18px; background: rgba(210,210,210,0.2);"></div>
<!---- tape END ---->
<!---- image 2 ----->
<img src="https://i.imgur.com/oYMS3um.png">
<!---- image 2 END ----->
<!---- tape ---->
<div class="container" style="height: 20px; max-width: 60%; margin-bottom: -18px; background: rgba(210,210,210,0.2);"></div>
<!---- tape END ---->
</div>
</div>
<!---- image 2 card END ---->
</div>
<!---- results section 2 END ----->
</div>
<!---- results END ----->
</div>
<!---- main text area END---->
<!---- footer ----->
<div class="row no-gutters mt-1">
<!---- footer left ---->
<div class="col-lg-4 px-2" style="border: 1px solid #7d7d7d;">
<div class="row">
<!---- signature column ---->
<div class="col-lg-7">
<span class="text-primary" style="font-size: 1.03em"><b>SIGNATURE:</b></span>
<br>
<span style="font-family: brush script mt; font-size: 1.5em; text-align-center"> Name goes here</span>
</div>
<!---- signature column END ---->
<!---- date column ---->
<div class="col-lg-5">
<span class="text-primary" style="font-size: 1.03em"><b>DATE:</b></span>
<br>
<span> 20xx-12-12</span>
</div>
<!---- date column END ---->
</div>
</div>
<!---- footer left END ---->
<!---- footer right ---->
<div class="col-lg-8 px-2" style="border: 1px solid #7d7d7d;">
<div class="row">
<div class="col-lg-6">
<span class="text-primary" style="font-size: 1.03em"><b>WITNESSED AND UNDERSTOOD BY:</b></span>
<br>
<span style="font-size: 1.03em">Print Name </span>
</div>
<div class="col-lg-3">
<span class="text-primary" style="font-size: 1.03em"><b>SIGNATURE:</b></span>
<span style="font-family: brush script mt; font-size: 1.5em; text-align-center">Witness name </span>
</div>
<div class="col-lg-3">
<span class="text-primary" style="color: #7d7d7d; font-size: 1.03em"><b>DATE:</b></span>
<br>
<span style="font-size: 1.03em">20xx-12-12 </span>
</div>
</div>
</div>
<!---- footer right END ---->
<div class="col-12 font-primary justify-content-center mt-1" style="font-size: 1.5em">PROPRIETARY INFORMATION</div>
<!--- credits, do not remove! --->
<a class="col-12 text-center" style="font-size:12px" href="https://toyhou.se/Zylphide"><i class="fas fa-dragon fa-flip-horizontal" data-placement="left" title="code by Zylphide"></i></a>
<!--- credits end ---->
</div>
<!---- footer END ----->
</div>
</div>
Recent Images
No images.