Delete temp.md

temp.md

@@ -1,180 +0,0 @@
-
-<style>
-.gallery-container {
-    position: relative;
-    width: 100%;
-    max-width: 800px;
-    margin: 0 auto;
-    font-family: Arial, sans-serif;
-}
-
-/* Hide radio buttons */
-.gallery-container input[type="radio"] {
-    display: none;
-}
-
-/* Thumbnail navigation */
-.thumbnail-nav {
-    display: flex;
-    flex-wrap: wrap;
-    align-items: center;
-    justify-content: center;
-    gap: 8px;
-    margin-bottom: 20px;
-}
-
-.thumbnail-nav label {
-    width: 80px;
-    height: 60px;
-    border-radius: 8px;
-    background-color: #B398F5;
-    background-size: cover;
-    background-position: center;
-    cursor: pointer;
-    border: 3px solid transparent;
-    transition: all 0.3s ease;
-    display: block;
-}
-
-.thumbnail-nav label:hover {
-    border-color: #4C88F5;
-    transform: scale(1.05);
-}
-
-.gallery-container input[type="radio"]:checked + label {
-    border-color: #6296F5;
-    border-width: 4px;
-    transform: scale(1.1);
-}
-
-/* Main content area */
-.content-area {
-    position: relative;
-    width: 100%;
-    min-height: 600px;
-    border-radius: 10px;
-    overflow: hidden;
-    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
-}
-
-/* Individual slide containers */
-.slide {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    opacity: 0;
-    visibility: hidden;
-    transition: opacity 0.5s ease;
-    background: white;
-    display: flex;
-    flex-direction: column;
-}
-
-.slide.active {
-    opacity: 1;
-    visibility: visible;
-}
-
-.slide img {
-    width: 100%;
-    height: 300px;
-    object-fit: cover;
-    border-radius: 10px 10px 0 0;
-}
-
-.slide-content {
-    padding: 20px;
-    flex-grow: 1;
-}
-
-.slide-title {
-    font-size: 1.5em;
-    font-weight: bold;
-    margin-bottom: 10px;
-    color: #333;
-}
-
-.slide-description {
-    color: #666;
-    line-height: 1.6;
-}
-
-/* CSS selectors to show active slides */
-#slide1:checked ~ .content-area .slide:nth-child(1),
-#slide2:checked ~ .content-area .slide:nth-child(2),
-#slide3:checked ~ .content-area .slide:nth-child(3) {
-    opacity: 1;
-    visibility: visible;
-}
-
-/* Thumbnail background images */
-label[for="slide1"] { background-image: url('https://picsum.photos/300/200?random=1'); }
-label[for="slide2"] { background-image: url('https://picsum.photos/300/200?random=2'); }
-label[for="slide3"] { background-image: url('https://picsum.photos/300/200?random=3'); }
-
-/* Responsive design */
-@media (max-width: 600px) {
-    .thumbnail-nav label {
-        width: 60px;
-        height: 45px;
-    }
-    
-    .slide img {
-        height: 200px;
-    }
-    
-    .slide-content {
-        padding: 15px;
-    }
-    
-    .slide-title {
-        font-size: 1.2em;
-    }
-}
-</style>
-
-<div class="gallery-container">
-  <input type="radio" id="slide1" name="gallery" checked>
-  <input type="radio" id="slide2" name="gallery">
-  <input type="radio" id="slide3" name="gallery">
-
-<div class="thumbnail-nav">
-  <label for="slide1"></label>
-  <label for="slide2"></label>
-  <label for="slide3"></label>
-</div>
-
-<div class="content-area">
-  <div class="slide">
-    <img src="https://picsum.photos/800/300?random=1" alt="Nature Landscape">
-    <div class="slide-content">
-    <div class="slide-title">Beautiful Mountain View</div>
-    <div class="slide-description">
-    This stunning mountain landscape showcases the raw beauty of nature. The crisp morning air and golden sunlight create a perfect harmony that speaks to the soul of every nature lover.
-    </div>
-    </div>
-  </div>
-
-  <div class="slide">
-    <img src="https://picsum.photos/800/300?random=2" alt="City Architecture">
-    <div class="slide-content">
-    <div class="slide-title">Modern Architecture</div>
-    <div class="slide-description">
-    Contemporary urban design meets functional beauty in this architectural masterpiece. The clean lines and innovative use of materials represent the future of sustainable city living.
-    </div>
-    </div>
-  </div>
-  
-  <div class="slide">
-    <img src="https://picsum.photos/800/300?random=3" alt="Ocean Waves">
-    <div class="slide-content">
-    <div class="slide-title">Ocean Serenity</div>
-    <div class="slide-description">
-    The rhythmic dance of ocean waves against the shore provides a meditative experience. This coastal paradise offers a perfect escape from the hustle and bustle of daily life.
-    </div>
-    </div>
-  </div>
-
-</div>