Removed fitty.js, using manual font-size setting instead. Fixed valid/expired posts check.

2017-09-16 13:06:44 +07:00
parent d06921fcc8
commit 6cb980051c
6 changed files with 83 additions and 66 deletions
--- a/App/Views/base.html
+++ b/App/Views/base.html
@@ -64,12 +64,28 @@

            .fitty {
              display: inline-block;
-              white-space: nowrap;
+              white-space: normal;
              line-height: 1em;
              padding-bottom: .1em;
              text-align: center;
            }

+            #slidr-div p {
+                margin: 0;
+                text-align: center;
+                line-height: 1;
+            }
+            @media screen and (orientation: landscape) {
+                #slidr-div p {
+                    font-size: 8vw;
+                }
+            }
+            @media screen and (orientation: portrait) {
+                #slidr-div p {
+                    font-size: 10vh;
+                }
+            }
+
            .title {
                font-family: 'Lobster', cursive;
                font-size: x-large;
@@ -139,6 +155,14 @@
            .fitty > p {
                margin: 0;
            }
+
+            nav {
+                max-width: 100vw;
+            }
+
+            .pengumuman {
+                width: 100%;
+            }
        </style>
    </head>
    <body>
@@ -149,7 +173,6 @@
            {% block nav %}{% endblock %}
        </nav>
        <script src="/js/rome.js"></script>
-        <script src="/js/fitty.min.js"></script>
        <script src="/js/slidr.min.js"></script>
        <script src="/js/simplemde.min.js"></script>
        {% block body %}
@@ -170,6 +193,5 @@
                }, 50);
            }
        </script>
-
    </body>
 </html>