update

CodeWithSushil · Aug 17, 2023 · de7b4c0 · de7b4c0
1 parent 1ffbc51
commit de7b4c0
Show file tree

Hide file tree

Showing 4 changed files with 108 additions and 27 deletions.
diff --git a/css/minimal.css b/css/minimal.css
@@ -419,7 +419,7 @@ img {
 }
 
 :root {
-    --dark: rgb(42, 42, 45);
+    --dark: rgb(45, 45, 45);
     --black: rgb(0, 0, 0);
     --light: rgb(255, 255, 255);
     --primary: rgb(60, 100, 235);
@@ -482,72 +482,97 @@ img {
 
 /* Margin */
 .margin {
-    margin: 1rem;
+    margin: 1rem !important;
 }
 
 .margin-top {
-    margin-top: 1rem;
+    margin-top: 1rem !important;
 }
 
 .margin-bottom {
-    margin-bottom: 1rem;
+    margin-bottom: 1rem !important;
 }
 
 .margin-left {
-    margin-left: 1rem;
+    margin-left: 1rem !important;
 }
 
 .margin-right {
-    margin-right: 1rem;
+    margin-right: 1rem !important;
 }
 
 .margin-y {
-    margin: 1rem 0rem;
+    margin: 1rem 0rem !important;
 }
 
 .margin-x {
-    margin: 0rem 1rem;
+    margin: 0rem 1rem !important;
 }
 
 /* Padding */
 .padding {
-    padding: 0.5rem 1rem;
+    padding: 0.5rem 1rem !important;
 }
 
 .padding-sm {
-    padding: 0.25rem 0.5rem;
+    padding: 0.25rem 0.5rem !important;
 }
 
 .padding-lg {
-    padding: 0.75rem 1.5rem;
+    padding: 0.75rem 1.5rem !important;
 }
 
 .padding-ao {
-    padding: 1rem;
+    padding: 1rem !important;
 }
 
 .padding-top {
-    padding-top: 1rem;
+    padding-top: 1rem !important;
 }
 
 .padding-bottom {
-    padding-bottom: 1rem;
+    padding-bottom: 1rem !important;
 }
 
 .padding-left {
-    padding-left: 1rem;
+    padding-left: 1rem !important;
 }
 
 .padding-right {
-    padding-right: 1rem;
+    padding-right: 1rem !important;
 }
 
 .padding-y {
-    padding: 1rem 0rem;
+    padding: 1rem 0rem !important;
 }
 
 .padding-x {
-    padding: 0rem 1rem;
+    padding: 0rem 1rem !important;
+}
+
+/* Position */
+.absolute {
+    position: absolute !important;
+}
+.relative {
+    position: relative !important;
+}
+.static {
+    position: static !important;
+}
+.fixed {
+    position: fixed !important;
+}
+.sticky {
+    position: sticky !important;
+}
+.sticky-top {
+    top: 0% !important;
+    position: sticky !important;
+}
+.sticky-bottom {
+    bottom: 0% !important;
+    position: sticky !important;
 }
 
 /* Display */
@@ -618,16 +643,48 @@ img {
     margin: 0rem auto;
 }
 
+/* Image and videos */
+.image,
+.video {
+    width: 100% !important;
+    height: auto !important;
+}
+.image-0 {
+    border-radius: 0% !important;
+}
+.image-25 {
+    border-radius: 25% !important;
+}
+.image-50 {
+    border-radius: 50% !important;
+}
+.image-75 {
+    border-radius: 75% !important;
+}
+@media (max-width: 480px) {
+    .video,
+    .image {
+        width: 100% !important;
+        height: auto !important;
+    }
+}
+
 /*Border styles*/
-.border-none {
-    border: none;
+.border-none,
+.border-0{
+    border: none !important;
+    outline: none !important;
+}
+.border-2 {
+    border-width: 0.125rem !important;
+    border-style: solid !important;
 }
-.border-solid-2 {
-    border-width: 0.12rem;
-    border-style: solid;
-    border-color: inherit;
+.border-4 {
+    border-width: 0.25rem !important;
+    border-style: solid !important;
 }
 
+/* Buttons styles*/
 .btn,
 button,
 [type="button"],

diff --git a/css/style.css b/css/style.css
@@ -60,3 +60,7 @@ nav-list #github {
     border: 2px solid #FFF;
     padding: 4px;
 }
+footer,p,i{
+font-family:var(--ubuntu);
+font-size: 15px!important;
+}
diff --git a/index.html b/index.html
@@ -111,9 +111,17 @@ <h4>Download</h4>
                 </div>
             </div>
         </div>
+        <hr>
+        <video class="video border-4"></video>
+        <hr>
         <br><br>
-        <input type="button" value="Test" class="btn btn-success">
+                <input type="button" value="Test" class="btn btn-success">
         <a class="btn btn-danger">Click me!</a>
+        <footer class="padding-ao margin bg-dark">
+            <p class="txt-center">&copy;<i id="year"></i> All Rights Reserved.
+            Minimal CSS Powered by ♥️ Minimal.css</p>
+        </footer>
+
         <script src="./js/main.js"></script>
     </body>
-</html>
+</html>
diff --git a/js/main.js b/js/main.js
@@ -1 +1,13 @@
-//alert('hi')
+const date = new Date();
+const year = date.getFullYear();
+//console.log(year)
+document.querySelector("#year").innerHTML = year;
+
+(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
+ga('create', 'UA-3855518-1', 'auto');
+ga('require', 'displayfeatures');
+ga('require', 'GTM-WJ88MZ5');
+ga('send', 'pageview');