ivabus/www
1
0
Fork 0
mirror of https://github.com/ivabus/www synced 2024-09-20 05:50:45 +03:00
Code Issues Actions Packages Projects Releases Wiki Activity

comparison terminal adjustments

Browse source
This commit is contained in:
Thomas Smith 2023-01-24 11:16:07 -05:00
parent 0bf5fa6abd
commit c0f534d712
1 changed files with 23 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
src/layouts/index.html
View file

@ -68,7 +68,8 @@
.terminal-bar{
height: 30px;
border-radius: 10px 10px 0px 0px;
border-radius: 8px 8px 0px 0px;
border-bottom: 1px solid gray;
}
</style>
@ -142,12 +143,26 @@
<div class="row">
<div class="col p-5" style="border: 2px solid gray;">
<p class="lead">While homebrew takes about as long as your earl grey takes to steep, tea is done before you’ve time to put the bag in the cup.</p>
<div class="flex">
<div class="flex speed-comparison">
<div class="speed-terminal">
<div class="terminal-bar black-bg flex-start p-1 ps-3">
<div class="traffic-light"></div>
<div class="traffic-light"></div>
<div class="traffic-light"></div>
</div>
<div class="terminal-content p-5">
<p class="teal">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
<div class="speed-terminal">
<div class="terminal-bar black-bg flex-start p-1 ps-3">
<div class="traffic-light"></div>
<div class="traffic-light"></div>
<div class="traffic-light"></div>
</div>
<div class="terminal-content p-5">
<p class="teal">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
</div>
</div>
@ -158,9 +173,10 @@
<style>
.speed-terminal{
width: 50%;
height: 500px;
background-color: #4d4d4d;
width: 49%;
height: auto;
border: 2px solid gray;
background-color: #1a1a1a;
border-radius: 10px;
}