Merge pull request #5 from XolosRMZ/nft_section

Add xolosArmy Network Vision to xolosamry.xyz
xolosArmy · Nov 10, 2024 · 774e173 · 774e173
2 parents eb1e493 + 8038d3e
commit 774e173
Show file tree

Hide file tree

Showing 2 changed files with 95 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -25,6 +25,9 @@ <h1>XolosArmy Network State</h1>
                 <a href="#comicsRMZ">ComicsRMZ</a>
                 <a href="#xoloitzcuintli-cigars">RMZsmoke</a>
                 <a href="#xoloitzcuintli-memes">RMZPOP</a>
+                <a href="#vision">Our Vision</a>
+
+
 
 
 
@@ -301,6 +304,33 @@ <h2>Xoloitzcuintli Cigars NFT Collection</h2>
         </div>
     </section>
 
+        <!-- Vision Section -->
+<section id="vision" class="vision-section">
+    <div class="container">
+        <h2>Our Vision for the XolosArmy Network State</h2>
+        <p>Listen to our Twitter Space where we share the vision, goals, and future plans of the XolosArmy Network.</p>
+
+        <!-- Card Layout for the Recording -->
+        <div class="card">
+            <!-- Embed Twitter Space recording (use actual embed link if available) -->
+            <iframe src="https://www.youtube.com/embed/n6zpHyaTBC8?si=VzqDWq2jM1ChSfa2" width="100%" height="200" allow="autoplay" frameborder="0"></iframe>
+            <!-- Alternative: Use a button link if embed is not supported -->
+            <!-- <a href="https://www.youtube.com/embed/n6zpHyaTBC8?si=VzqDWq2jM1ChSfa2" target="_blank" class="listen-button">Listen Now</a> -->
+
+            <!-- Brief summary of key points discussed -->
+            <div class="summary">
+                <h3>Key Highlights</h3>
+                <ul>
+                    <li>Our mission to build a community-driven XolosArmy Network.</li>
+                    <li>Plans for NFTs, community engagement, and future developments.</li>
+                    <li>Opportunities for supporters to get involved and contribute.</li>
+                </ul>
+            </div>
+        </div>
+    </div>
+</section>
+
+
 
                 <p></p>
 

diff --git a/styles.css b/styles.css
@@ -173,6 +173,71 @@ section {
 }
 
 
+/* General Section Styling */
+.vision-section {
+    background-color: #f9f9f9;
+    padding: 40px 0;
+    text-align: center;
+}
+
+.vision-section h2 {
+    font-size: 2em;
+    color: #333;
+    margin-bottom: 20px;
+}
+
+.vision-section p {
+    font-size: 1.1em;
+    color: #666;
+    max-width: 700px;
+    margin: 0 auto 30px;
+}
+
+/* Card Styling */
+.card {
+    background-color: #ffffff;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    padding: 20px;
+    border-radius: 8px;
+    max-width: 600px;
+    margin: 0 auto;
+}
+
+/* Summary Section */
+.summary h3 {
+    font-size: 1.5em;
+    color: #333;
+    margin-top: 20px;
+}
+
+.summary ul {
+    list-style-type: disc;
+    padding-left: 20px;
+    color: #666;
+}
+
+.summary li {
+    margin: 8px 0;
+}
+
+/* Listen Button (if using link instead of embed) */
+.listen-button {
+    display: inline-block;
+    padding: 10px 20px;
+    margin-top: 15px;
+    font-size: 1em;
+    color: #fff;
+    background-color: #007bff;
+    text-decoration: none;
+    border-radius: 4px;
+}
+
+.listen-button:hover {
+    background-color: #0056b3;
+}
+
+
+
 /* Style the footer container */
 footer {
     background-color: #111; /* Dark background */