diff --git a/index.html b/index.html
index f2f641c..c21a980 100644
--- a/index.html
+++ b/index.html
@@ -235,7 +235,7 @@
                                 {{ user_data[active_bundle].length }} / {{ static.bundles[active_bundle].items_required }}
                             </span>
                         </h3>
-                        <h5 class="subtitle" v-if="!hideSpoilers">{{ static.bundles[active_bundle].reward }}</h5>
+                        <h5 class="subtitle" v-if="!(hideSpoilers && spoilers.bundle_rewards)">{{ static.bundles[active_bundle].reward }}</h5>
                         <h5 class="subtitle" v-else>&nbsp;</h5>
                         <progress class="progress is-info"
                                   value="{{ user_data[active_bundle].length }}"
@@ -270,7 +270,7 @@
                                     <div class="content is-flex">
                                         <div class="columns source">
                                             <div class="column">
-                                                <div v-if="!hideSpoilers">{{ item.source }}</div>
+                                                <div v-if="!(hideSpoilers && spoilers.item_source)">{{ item.source }}</div>
                                             </div>
                                         </div>
                                     </div>
@@ -289,7 +289,7 @@
                                         </p>
                                     </div>
                                 </div>
-                                <footer class="card-footer" v-if="!hideSpoilers">
+                                <footer class="card-footer" v-if="!(hideSpoilers && spoilers.item_seasons)">
                                     <div class="card-footer-item">
                                         <span class="icon is-small"><i class="fa fa-calendar-check-o"></i></span>
                                             <span class="tag is-primary is-text-centered"
@@ -298,7 +298,7 @@
                             </span>
                                     </div>
                                 </footer>
-                                <footer class="card-footer" v-if="!hideSpoilers">
+                                <footer class="card-footer" v-if="!(hideSpoilers && source.item_skills)">
                                     <div class="card-footer-item">
                                         <span class="icon is-small"><i class="fa fa-tree"></i></span>
                                             <span class="tag is-info is-text-centered"
@@ -346,7 +346,7 @@
                             <div class="content is-flex">
                                 <div class="columns source">
                                     <div class="column">
-                                        <div v-if="!hideSpoilers">{{ item.source }}</div>
+                                        <div v-if="!(hideSpoilers && spoilers.item_source)">{{ item.source }}</div>
                                     </div>
                                 </div>
                             </div>
@@ -365,7 +365,7 @@
                                 </p>
                             </div>
                         </div>
-                        <footer class="card-footer" v-if="!hideSpoilers">
+                        <footer class="card-footer" v-if="!(hideSpoilers && spoilers.item_seasons)">
                             <div class="card-footer-item">
                                 <span class="icon is-small"><i class="fa fa-calendar-check-o"></i></span>
                                     <span class="tag is-primary is-text-centered"
@@ -374,7 +374,7 @@
                             </span>
                             </div>
                         </footer>
-                        <footer class="card-footer" v-if="!hideSpoilers">
+                        <footer class="card-footer" v-if="!(hideSpoilers && spoilers.item_skills)">
                             <div class="card-footer-item">
                                 <span class="icon is-small"><i class="fa fa-tree"></i></span>
                                     <span class="tag is-info is-text-centered"
@@ -424,7 +424,7 @@
                                     <div class="content is-flex">
                                         <div class="columns source">
                                             <div class="column">
-                                                <div v-if="!hideSpoilers">{{ item.source }}</div>
+                                                <div v-if="!(hideSpoilers && spoilers.item_source)">{{ item.source }}</div>
                                             </div>
                                         </div>
                                     </div>
@@ -443,7 +443,7 @@
                                         </p>
                                     </div>
                                 </div>
-                                <footer class="card-footer" v-if="!hideSpoilers">
+                                <footer class="card-footer" v-if="!(hideSpoilers && spoilers.item_seasons)">
                                     <div class="card-footer-item">
                                         <span class="icon is-small"><i class="fa fa-calendar-check-o"></i></span>
                                             <span class="tag is-primary is-text-centered"
@@ -452,7 +452,7 @@
                                     </span>
                                     </div>
                                 </footer>
-                                <footer class="card-footer" v-if="!hideSpoilers">
+                                <footer class="card-footer" v-if="!(hideSpoilers && spoilers.item_skills)">
                                     <div class="card-footer-item">
                                         <span class="icon is-small"><i class="fa fa-tree"></i></span>
                                             <span class="tag is-info is-text-centered"
@@ -504,7 +504,7 @@
                                     <div class="content is-flex">
                                         <div class="columns source">
                                             <div class="column">
-                                                <div v-if="!hideSpoilers">{{ item.source }}</div>
+                                                <div v-if="!(hideSpoilers && spoilers.item_source)">{{ item.source }}</div>
                                             </div>
                                         </div>
                                     </div>
@@ -523,7 +523,7 @@
                                         </p>
                                     </div>
                                 </div>
-                                <footer class="card-footer" v-if="!hideSpoilers">
+                                <footer class="card-footer" v-if="!(hideSpoilers && spoilers.item_seasons)">
                                     <div class="card-footer-item">
                                         <span class="icon is-small"><i class="fa fa-calendar-check-o"></i></span>
                                             <span class="tag is-primary is-text-centered"
@@ -532,7 +532,7 @@
                                     </span>
                                     </div>
                                 </footer>
-                                <footer class="card-footer" v-if="!hideSpoilers">
+                                <footer class="card-footer" v-if="!(hideSpoilers && spoilers.item_skills)">
                                     <div class="card-footer-item">
                                         <span class="icon is-small"><i class="fa fa-tree"></i></span>
                                             <span class="tag is-info is-text-centered"