diff --git a/css/style.css b/css/style.css index e5cb090..e243697 100644 --- a/css/style.css +++ b/css/style.css @@ -89,6 +89,4 @@ footer { #active-feature-item { border: 1px white solid; - border-radius: 5px; - background: transparent; } \ No newline at end of file diff --git a/features.html b/features.html index 24239d8..0f59929 100644 --- a/features.html +++ b/features.html @@ -149,23 +149,23 @@ -
-
+
+
Pick Up and Play
-
+
Quick Resume
-
+
Rewind & Fast Forward
-
+
Configurator
@@ -176,108 +176,94 @@
-
-
- -
-
- -
-
- - -
-
-

Don't waste time on setup

- 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. -
+
+ +
+
+
-
- -
-
- -
-
- - -
-
-

Don't waste time on setup #2

- 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. -
-
-
- -
- -
-
- -
-
- - -
-
-

Don't waste time on setup #3

- 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. -
-
-
- -
- -
-
- -
-
- - -
-
-

Don't waste time on setup #4

- 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. -
+ +
+
+

Don't waste time on setup

+ 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.
+ +
+ +
+
+ +
+
+ + +
+
+

Don't waste time on setup #2

+ 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. +
+
+
+ +
+ +
+
+ +
+
+ + +
+
+

Don't waste time on setup #3

+ 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. +
+
+
+ +
+ +
+
+ +
+
+ + +
+
+

Don't waste time on setup #4

+ 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. +
+
+
+
diff --git a/scripts/features.js b/scripts/features.js index eeab149..e64be19 100644 --- a/scripts/features.js +++ b/scripts/features.js @@ -1,5 +1,6 @@ featureTitles = document.getElementsByClassName('feature-list-item'); featureDetails = document.getElementsByClassName('feature-detail-container'); +// let currentFeature = 0; for (let i = 0; i < featureTitles.length; i++) { featureTitles[i].addEventListener('click', function () { @@ -15,9 +16,16 @@ function updateActiveFeature(i) { for (let j = 0; j < featureTitles.length; j++) { featureTitles[j].removeAttribute('id'); featureDetails[j].removeAttribute('id'); + featureTitles[j].className = 'row feature-list-item rounded-3'; + featureTitles[j].style = ''; } + // currentFeature = i; + // Update the active feature featureTitles[i].id = 'active-feature-item'; featureDetails[i].id = 'active-feature-detail' + + // Handle styles + featureTitles[i].className += ' gradient-spin my-gradient'; } \ No newline at end of file