Xargon/RetroDECK-Website
1
0
Fork 0
mirror of https://github.com/RetroDECK/RetroDECK-Website.git synced 2024-11-24 23:55:38 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Moved gradient background of right-hand column to single div for performance

Browse source
This commit is contained in:
Adam Iannazzone 2024-04-23 18:36:24 -04:00
parent 8c57752ada
commit b8183ae21a
1 changed files with 86 additions and 70 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

156
features.html
View file

@ -150,7 +150,8 @@
<!-- Feature List --> <!-- Feature List -->
<div class="h5" id="feature-list"> <div class="h5" id="feature-list">
<div class="row feature-list-item gradient-spin my-gradient rounded-3" id="active-feature-item"> <div class="row feature-list-item gradient-spin my-gradient rounded-3"
id="active-feature-item">
<div class="col"> <div class="col">
Pick Up and Play Pick Up and Play
</div> </div>
@ -176,90 +177,105 @@
<!-- Right Column --> <!-- Right Column -->
<div class="col-8" id="feature-detail-column"> <div class="col-8" id="feature-detail-column">
<div class="feature-detail-container rounded-3 p-3 my-gradient gradient-spin" id="active-feature-detail"> <div class="my-gradient gradient-spin rounded-3">
<!-- Image/Video Container --> <div class="feature-detail-container rounded-3 p-3"
<div class="row" id="feature-media-container"> id="active-feature-detail">
<div class="col"> <!-- Image/Video Container -->
<img class="img-fluid rounded-3" src="assets/screens_old/screen01.jpeg"> <div class="row" id="feature-media-container">
<div class="col">
<img class="img-fluid rounded-3" src="assets/screens_old/screen01.jpeg">
</div>
</div>
<!-- Feature Detail Container -->
<div class="row py-2 m-1 rounded-3 feature-text-container">
<div class="col">
<h4>Don't waste time on setup</h4>
Lorem ipsum dolor sit amet, consectetur adipiscing 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.
</div>
</div> </div>
</div> </div>
<!-- Feature Detail Container --> <div class="feature-detail-container rounded-3 p-3" id="">
<div class="row py-2 m-1 rounded-3 feature-text-container"> <!-- Image/Video Container -->
<div class="col"> <div class="row" id="feature-media-container">
<h4 >Don't waste time on setup</h4> <div class="col">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor <img class="img-fluid rounded-3" src="assets/screens_old/screen02.jpeg">
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud </div>
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.
</div> </div>
</div>
</div>
<div class="feature-detail-container rounded-3 p-3 my-gradient gradient-spin" id=""> <!-- Feature Detail Container -->
<!-- Image/Video Container --> <div class="row rounded-3 py-2 m-1">
<div class="row" id="feature-media-container"> <div class="col">
<div class="col"> <h4>Don't waste time on setup #2</h4>
<img class="img-fluid rounded-3" src="assets/screens_old/screen02.jpeg"> Lorem ipsum dolor sit amet, consectetur adipiscing 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.
</div>
</div> </div>
</div> </div>
<!-- Feature Detail Container --> <div class="feature-detail-container rounded-3 p-3" id="">
<div class="row rounded-3 py-2 m-1"> <!-- Image/Video Container -->
<div class="col"> <div class="row" id="feature-media-container">
<h4>Don't waste time on setup #2</h4> <div class="col">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor <img class="img-fluid rounded-3" src="assets/screens_old/screen03.jpeg">
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud </div>
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.
</div> </div>
</div>
</div>
<div class="feature-detail-container rounded-3 p-3 my-gradient gradient-spin" id=""> <!-- Feature Detail Container -->
<!-- Image/Video Container --> <div class="row rounded-3 py-2 m-1">
<div class="row" id="feature-media-container"> <div class="col">
<div class="col"> <h4>Don't waste time on setup #3</h4>
<img class="img-fluid rounded-3" src="assets/screens_old/screen03.jpeg"> Lorem ipsum dolor sit amet, consectetur adipiscing 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.
</div>
</div> </div>
</div> </div>
<!-- Feature Detail Container --> <div class="feature-detail-container rounded-3 p-3" id="">
<div class="row rounded-3 py-2 m-1"> <!-- Image/Video Container -->
<div class="col"> <div class="row" id="feature-media-container">
<h4>Don't waste time on setup #3</h4> <div class="col">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor <img class="img-fluid rounded-3" src="assets/screens_old/screen04.jpeg">
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud </div>
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.
</div> </div>
</div>
</div>
<div class="feature-detail-container rounded-3 p-3 my-gradient gradient-spin" id=""> <!-- Feature Detail Container -->
<!-- Image/Video Container --> <div class="row rounded-3 py-2 m-1">
<div class="row" id="feature-media-container"> <div class="col">
<div class="col"> <h4>Don't waste time on setup #4</h4>
<img class="img-fluid rounded-3" src="assets/screens_old/screen04.jpeg"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
</div> incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
</div> nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
<!-- Feature Detail Container --> irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
<div class="row rounded-3 py-2 m-1"> nulla
<div class="col"> pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
<h4>Don't waste time on setup #4</h4> officia
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor deserunt mollit anim id est laborum.
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud </div>
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.
</div> </div>
</div> </div>
</div> </div>