acf-sack · Hasthikagirihagama · May 6, 2024 · May 6, 2024 · May 6, 2024 · May 6, 2024
diff --git a/newsletter/Past Newsletters/December 2023/assets/css/styles.css b/newsletter/Past Newsletters/December 2023/assets/css/styles.css
diff --git a/newsletter/Past Newsletters/December 2023/assets/img/1.jpg b/newsletter/Past Newsletters/December 2023/assets/img/1.jpg
diff --git a/newsletter/assets/img/10.jpg → ...wsletters/December 2023/assets/img/10.jpg b/newsletter/assets/img/10.jpg → ...wsletters/December 2023/assets/img/10.jpg
diff --git a/newsletter/assets/img/11.jpg → ...wsletters/December 2023/assets/img/11.jpg b/newsletter/assets/img/11.jpg → ...wsletters/December 2023/assets/img/11.jpg
diff --git a/newsletter/Past Newsletters/December 2023/assets/img/2.jpg b/newsletter/Past Newsletters/December 2023/assets/img/2.jpg
diff --git a/newsletter/Past Newsletters/December 2023/assets/img/3.jpg b/newsletter/Past Newsletters/December 2023/assets/img/3.jpg
diff --git a/newsletter/Past Newsletters/December 2023/assets/img/4.jpg b/newsletter/Past Newsletters/December 2023/assets/img/4.jpg
diff --git a/newsletter/Past Newsletters/December 2023/assets/img/5.jpg b/newsletter/Past Newsletters/December 2023/assets/img/5.jpg
diff --git a/newsletter/Past Newsletters/December 2023/assets/img/6.jpg b/newsletter/Past Newsletters/December 2023/assets/img/6.jpg
diff --git a/newsletter/assets/img/7.jpg → ...ewsletters/December 2023/assets/img/7.jpg b/newsletter/assets/img/7.jpg → ...ewsletters/December 2023/assets/img/7.jpg
diff --git a/newsletter/assets/img/8.jpg → ...ewsletters/December 2023/assets/img/8.jpg b/newsletter/assets/img/8.jpg → ...ewsletters/December 2023/assets/img/8.jpg
diff --git a/newsletter/assets/img/9.jpg → ...ewsletters/December 2023/assets/img/9.jpg b/newsletter/assets/img/9.jpg → ...ewsletters/December 2023/assets/img/9.jpg
diff --git a/newsletter/Past Newsletters/December 2023/assets/img/amu logo.png b/newsletter/Past Newsletters/December 2023/assets/img/amu logo.png
diff --git a/newsletter/Past Newsletters/December 2023/assets/img/bg.jpg b/newsletter/Past Newsletters/December 2023/assets/img/bg.jpg
diff --git a/newsletter/Past Newsletters/December 2023/assets/img/college logo.png b/newsletter/Past Newsletters/December 2023/assets/img/college logo.png
diff --git a/newsletter/Past Newsletters/December 2023/assets/img/favicon.png b/newsletter/Past Newsletters/December 2023/assets/img/favicon.png
diff --git a/newsletter/Past Newsletters/December 2023/assets/img/sack.png b/newsletter/Past Newsletters/December 2023/assets/img/sack.png
diff --git a/newsletter/Past Newsletters/December 2023/index.html b/newsletter/Past Newsletters/December 2023/index.html
@@ -0,0 +1,178 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <!-- Meta Tags -->
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="This is the official website of the Newsletter in St. Anthony's College, Kandy" />
+    <meta name="author" content="Powered by Yoshitha Rathnayake, Antonian Media Unit" />
+    <meta name="keywords" content="DECEMBER 2023 | SACK NEWSLETTER" />
+
+    <!-- Facebook OG Tags -->
+    <meta property="og:title" content="Powered by Yoshitha Rathnayake, Antonian Media Unit" />
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="https://www.sack.edu.lk/newsletter" />
+    <meta property="og:image" content="assets/img/college logo.png" alt="St. Anthony's College, Kandy Badge" />
+    <meta property="og:description"
+        content="This is the official website of the Newsletter in St. Anthony's College, Kandy" />
+    <meta property="og:site_name" content="DECEMBER 2023 | SACK NEWSLETTER" />
+    <meta property="og:locale" content="en_US" />
+
+    <!-- Font Awesome -->
+    <link rel="stylesheet"
+        href="https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/fontawesome.min.css"
+        integrity="sha384-jLKHWM3JRmfMU0A5x5AkjWkw/EYfGUAGagvnfryNV3F9VqM98XiIH7VBGVoxVSc7" crossorigin="anonymous" />
+    <link rel="stylesheet"
+        href="https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/fontawesome.min.css" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
+
+    <!-- Bootstrap -->
+    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
+        integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous" />
+
+    <!-- LineIcons -->
+    <link href="your-project-dir/icon-font/lineicons.css" rel="stylesheet" />
+    <link href="https://cdn.lineicons.com/3.0/lineicons.css" rel="stylesheet" />
+
+    <!-- CSS-->
+    <link rel="stylesheet" type="text/CSS" href="assets/css/styles.css" />
+
+    <!-- Favicon -->
+    <link rel="icon" type="image/png" href="assets/img/favicon.png" alt="favicon" />
+
+    <!-- Title -->
+    <title>DECEMBER 2023 | SACK NEWSLETTER</title>
+
+</head>
+
+<body>
+
+    <div class="header">
+        <div class="logo-container">
+            <a href="https://www.sack.edu.lk/" target="_blank"><img src="assets/img/college logo.png" alt="Logo 1" class="logo1"></a>
+        </div>
+        <div class="logo-container">
+            <a href="/"><img src="assets/img/sack.png" alt="Logo 2" class="logo2"></a>
+        </div>
+        <div class="logo-container">
+            <a href="http://acf.sack.edu.lk/" target="_blank"><img src="assets/img/amu logo.png" alt="Logo 3" class="logo3"></a>
+        </div>
+    </div>
+
+    <a href="#footer"><marquee direction="right">SACK NEWSLETTER DECEMBER 2023 | POWERED BY YOSHITHA RATHNAYAKE | ANTONIAN MEDIA
+        UNIT</span></marquee></a>
+
+    <div class="slideshow-container">
+        <div class="mySlides">
+            <img src="assets/img/1.jpg" alt="Slide 1">
+        </div>
+
+        <div class="mySlides">
+            <img src="assets/img/2.jpg" alt="Slide 2">
+        </div>
+
+        <div class="mySlides">
+            <img src="assets/img/3.jpg" alt="Slide 3">
+        </div>
+        <div class="mySlides">
+            <img src="assets/img/4.jpg" alt="Slide 4">
+        </div>
+        <div class="mySlides">
+            <img src="assets/img/5.jpg" alt="Slide 5">
+        </div>
+        <div class="mySlides">
+            <img src="assets/img/6.jpg" alt="Slide 6">
+        </div>
+        <div class="mySlides">
+            <img src="assets/img/7.jpg" alt="Slide 7">
+        </div>
+        <div class="mySlides">
+            <img src="assets/img/8.jpg" alt="Slide 8">
+        </div>
+        <div class="mySlides">
+            <img src="assets/img/9.jpg" alt="Slide 9">
+        </div>
+        <div class="mySlides">
+            <img src="assets/img/10.jpg" alt="Slide 10">
+        </div>
+        <div class="mySlides">
+            <img src="assets/img/11.jpg" alt="Slide 11">
+        </div>
+
+        <a class="prev" onclick="plusSlides(-1)">&#10094;</a>
+        <a class="next" onclick="plusSlides(1)">&#10095;</a>
+    </div>
+
+    <div class="line-container">
+        <div class="line"></div>
+        <div class="line"></div>
+        <div class="line"></div>
+        <div class="line"></div>
+        <div class="line"></div>
+        <div class="line"></div>
+        <div class="line"></div>
+        <div class="line"></div>
+        <div class="line"></div>
+        <div class="line"></div>
+        <div class="line"></div>
+    </div>
+
+    <div class="footer" id="footer">
+        <div class="powered-by"><a href="https://www.yoshitha.tk" target="_blank" style="text-decoration: none;"><span
+                    class="powered">Powered by </span><span class="name">Yoshitha Rathnayake</span></a></div>
+        <div class="copyright">&copy; 2024 Antonian Media Unit, SACK</div>
+        <div class="social-media">
+            <a href="https://www.facebook.com/AntonianMedia/" target="_blank"><i class="fa-brands fa-facebook fa-lg px-2 icons"></i></a>
+            <a href="https://www.instagram.com/antonian_media_unit/" target="_blank"><i class="fa-brands fa-instagram fa-lg px-2 icons"></i></a>
+            <a href="https://www.youtube.com/@AntonianMediaUnit/" target="_blank"><i class="fa-brands fa-youtube fa-lg px-2 icons"></i></a>
+        </div>
+    </div>
+
+    <script>
+        let slideIndex = 1;
+        showSlides(slideIndex);
+
+        function plusSlides(n) {
+            showSlides(slideIndex += n);
+        }
+
+        function showSlides(n) {
+            let i;
+            const slides = document.getElementsByClassName("mySlides");
+            const lines = document.getElementsByClassName("line");
+
+            if (n > slides.length) {
+                slideIndex = 1;
+            }
+            if (n < 1) {
+                slideIndex = slides.length;
+            }
+
+            for (i = 0; i < slides.length; i++) {
+                slides[i].style.display = "none";
+                lines[i].className = lines[i].className.replace(" active-line", "");
+            }
+
+            slides[slideIndex - 1].style.display = "block";
+            lines[slideIndex - 1].className += " active-line";
+        }
+    </script>
+
+    <!-- jsDelivr -->
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
+
+    <!-- JQuery -->
+    <script src="https://code.jquery.com/jquery-3.4.1.js"></script>
+
+    <!-- Font Awesome -->
+    <script src="https://kit.fontawesome.com/f973136a32.js" crossorigin="anonymous"></script>
+
+    <!-- Bootstrap -->
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
+        integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
+        crossorigin="anonymous"></script>
+
+</body>
+
+</html>
diff --git a/newsletter/assets/css/styles.css b/newsletter/assets/css/styles.css
@@ -179,7 +179,7 @@ img {
     top: 50%;
     width: auto;
     margin-top: -30px;
-    padding: 8px;
+    padding: 5px;
     color: black;
     font-weight: bold;
     font-size: 30px;
@@ -194,6 +194,16 @@ img {
     border-radius: 3px 0 0 3px;
 }
 
+.prev:hover {
+    color: gray;
+    text-shadow: 0 0 3px rgba(0, 0, 0, 0.427);
+}
+
+.next:hover {
+    color: gray;
+    text-shadow: 0 0 3px rgba(0, 0, 0, 0.427);
+}
+
 /* Navigation Lines */
 .line-container {
     text-align: center;

diff --git a/newsletter/assets/img/1.jpg b/newsletter/assets/img/1.jpg
diff --git a/newsletter/assets/img/2.jpg b/newsletter/assets/img/2.jpg
diff --git a/newsletter/assets/img/3.jpg b/newsletter/assets/img/3.jpg
diff --git a/newsletter/assets/img/4.jpg b/newsletter/assets/img/4.jpg
diff --git a/newsletter/assets/img/5.jpg b/newsletter/assets/img/5.jpg
diff --git a/newsletter/assets/img/6.jpg b/newsletter/assets/img/6.jpg
diff --git a/newsletter/assets/img/bg.jpg b/newsletter/assets/img/bg.jpg
diff --git a/newsletter/assets/img/college logo.png b/newsletter/assets/img/college logo.png
diff --git a/newsletter/assets/img/sack.png b/newsletter/assets/img/sack.png
diff --git a/newsletter/index.html b/newsletter/index.html
@@ -7,16 +7,16 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="description" content="This is the official website of the Newsletter in St. Anthony's College, Kandy" />
     <meta name="author" content="Powered by Yoshitha Rathnayake, Antonian Media Unit" />
-    <meta name="keywords" content="DECEMBER 2023 | SACK NEWSLETTER" />
+    <meta name="keywords" content="FEBRUARY 2024 | SACK NEWSLETTER" />
 
     <!-- Facebook OG Tags -->
     <meta property="og:title" content="Powered by Yoshitha Rathnayake, Antonian Media Unit" />
     <meta property="og:type" content="website" />
-    <meta property="og:url" content="https://amu.sack-newsletter.com" />
+    <meta property="og:url" content="https://www.sack.edu.lk/newsletter" />
     <meta property="og:image" content="assets/img/college logo.png" alt="St. Anthony's College, Kandy Badge" />
     <meta property="og:description"
         content="This is the official website of the Newsletter in St. Anthony's College, Kandy" />
-    <meta property="og:site_name" content="DECEMBER 2023 | SACK NEWSLETTER" />
+    <meta property="og:site_name" content="FEBRUARY 2024 | SACK NEWSLETTER" />
     <meta property="og:locale" content="en_US" />
 
     <!-- Font Awesome -->
@@ -42,26 +42,30 @@
     <link rel="icon" type="image/png" href="assets/img/favicon.png" alt="favicon" />
 
     <!-- Title -->
-    <title>DECEMBER 2023 | SACK NEWSLETTER</title>
+    <title>FEBRUARY 2024 | SACK NEWSLETTER</title>
 
 </head>
 
 <body>
 
     <div class="header">
         <div class="logo-container">
-            <a href="https://www.sack.edu.lk/" target="_blank"><img src="assets/img/college logo.png" alt="Logo 1" class="logo1"></a>
+            <a href="https://www.sack.edu.lk/" target="_blank"><img src="assets/img/college logo.png" alt="Logo 1"
+                    class="logo1"></a>
         </div>
         <div class="logo-container">
             <a href="/"><img src="assets/img/sack.png" alt="Logo 2" class="logo2"></a>
         </div>
         <div class="logo-container">
-            <a href="http://acf.sack.edu.lk/" target="_blank"><img src="assets/img/amu logo.png" alt="Logo 3" class="logo3"></a>
+            <img src="assets/img/amu logo.png" alt="Logo 3" class="logo3">
         </div>
     </div>
 
-    <a href="#footer"><marquee direction="right">SACK NEWSLETTER DECEMBER 2023 | POWERED BY YOSHITHA RATHNAYAKE | ANTONIAN MEDIA
-        UNIT</span></marquee></a>
+    <a href="#footer" style="font-family: 'montserrat';">
+        <marquee direction="left" style="font-family: 'montserrat';">SACK NEWSLETTER FEBRUARY 2024 | POWERED BY YOSHITHA
+            RATHNAYAKE | ANTONIAN MEDIA
+            UNIT</marquee>
+    </a>
 
     <div class="slideshow-container">
         <div class="mySlides">
@@ -84,21 +88,6 @@
         <div class="mySlides">
             <img src="assets/img/6.jpg" alt="Slide 6">
         </div>
-        <div class="mySlides">
-            <img src="assets/img/7.jpg" alt="Slide 7">
-        </div>
-        <div class="mySlides">
-            <img src="assets/img/8.jpg" alt="Slide 8">
-        </div>
-        <div class="mySlides">
-            <img src="assets/img/9.jpg" alt="Slide 9">
-        </div>
-        <div class="mySlides">
-            <img src="assets/img/10.jpg" alt="Slide 10">
-        </div>
-        <div class="mySlides">
-            <img src="assets/img/11.jpg" alt="Slide 11">
-        </div>
 
         <a class="prev" onclick="plusSlides(-1)">&#10094;</a>
         <a class="next" onclick="plusSlides(1)">&#10095;</a>
@@ -111,21 +100,26 @@
         <div class="line"></div>
         <div class="line"></div>
         <div class="line"></div>
-        <div class="line"></div>
-        <div class="line"></div>
-        <div class="line"></div>
-        <div class="line"></div>
-        <div class="line"></div>
     </div>
 
     <div class="footer" id="footer">
         <div class="powered-by"><a href="https://www.yoshitha.tk" target="_blank" style="text-decoration: none;"><span
-                    class="powered">Powered by </span><span class="name">Yoshitha Rathnayake</span></a></div>
-        <div class="copyright">&copy; 2024 Antonian Media Unit, SACK</div>
+                    class="powered" style="font-family: 'montserrat';">Powered by </span><span class="name"
+                    style="font-family: 'strude';">Yoshitha Rathnayake</span></a></div>
+        <div class="copyright" style="font-family: 'montserrat';">
+            &copy;
+            <script>
+                document.write(new Date().getFullYear())
+            </script>
+            Antonian Media Unit, SACK
+        </div>
         <div class="social-media">
-            <a href="https://www.facebook.com/AntonianMedia/" target="_blank"><i class="fa-brands fa-facebook fa-lg px-2 icons"></i></a>
-            <a href="https://www.instagram.com/antonian_media_unit/" target="_blank"><i class="fa-brands fa-instagram fa-lg px-2 icons"></i></a>
-            <a href="https://www.youtube.com/@AntonianMediaUnit/" target="_blank"><i class="fa-brands fa-youtube fa-lg px-2 icons"></i></a>
+            <a href="https://www.facebook.com/AntonianMedia/" target="_blank"><i
+                    class="fa-brands fa-facebook fa-lg px-2 icons"></i></a>
+            <a href="https://www.instagram.com/antonian_media_unit/" target="_blank"><i
+                    class="fa-brands fa-instagram fa-lg px-2 icons"></i></a>
+            <a href="https://www.youtube.com/@AntonianMediaUnit/" target="_blank"><i
+                    class="fa-brands fa-youtube fa-lg px-2 icons"></i></a>
         </div>
     </div>