Skip to content

Commit

Permalink
Add the February 2024 Newsletter
Browse files Browse the repository at this point in the history
  • Loading branch information
YoshithaRathnayake committed May 6, 2024
1 parent b30e197 commit 51a2843
Show file tree
Hide file tree
Showing 29 changed files with 658 additions and 36 deletions.
440 changes: 440 additions & 0 deletions newsletter/Past Newsletters/December 2023/assets/css/styles.css

Large diffs are not rendered by default.

Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
File renamed without changes
File renamed without changes
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
File renamed without changes
File renamed without changes
File renamed without changes
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
178 changes: 178 additions & 0 deletions newsletter/Past Newsletters/December 2023/index.html
Original file line number Diff line number Diff line change
@@ -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>
14 changes: 12 additions & 2 deletions newsletter/assets/css/styles.css
Original file line number Diff line number Diff line change
Expand Up @@ -179,7 +179,7 @@ img {
top: 50%;
width: auto;
margin-top: -30px;
padding: 8px;
padding: 5px;
color: black;
font-weight: bold;
font-size: 30px;
Expand All @@ -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;
Expand Down Expand Up @@ -437,4 +447,4 @@ marquee {
transform: translateY(-4px);
transition: 0.5s;
color: rgb(124, 124, 124);
}
}
Binary file modified newsletter/assets/img/1.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified newsletter/assets/img/2.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified newsletter/assets/img/3.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified newsletter/assets/img/4.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified newsletter/assets/img/5.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified newsletter/assets/img/6.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified newsletter/assets/img/bg.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified newsletter/assets/img/college logo.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified newsletter/assets/img/sack.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
62 changes: 28 additions & 34 deletions newsletter/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -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 -->
Expand All @@ -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">
Expand All @@ -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>
Expand All @@ -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>

Expand Down Expand Up @@ -175,4 +169,4 @@

</body>

</html>
</html>

0 comments on commit 51a2843

Please sign in to comment.