Browse Source

Menu changes, better mobile-menu

main
astoria 3 months ago
parent
commit
dd6c684fe6
  1. 10
      public/css/default.css
  2. 9
      views/asidemenu.erb
  3. 9
      views/menu.erb
  4. 9
      views/mobilemenu.erb

10
public/css/default.css

@ -62,7 +62,7 @@ input[type="submit" i] {
font-size: 1.5em;
}
.aside, .article, .section, .mobilemenu, .banner {
.aside, .article, .section, .banner {
opacity: 0.9;
transition: 0.3s;
}
@ -101,14 +101,14 @@ input[type="submit" i] {
border: none;
}
.aside, .article, .section, .mobilemenu {
.aside, .article, .section {
background: var(--bg-col);
padding: 10px;
border: 1px solid var(--main-col);
box-shadow: 3px 3px 2px var(--main-col);
}
.aside:hover, .article:hover, .section:hover, .mobilemenu:hover {
.aside:hover, .article:hover, .section:hover {
opacity: 1;
box-shadow: 6px 6px 4px var(--main-col);
}
@ -217,8 +217,8 @@ input[type="submit" i] {
.mobilemenu {
width: 250px;
overflow-x: hidden;
padding-right: 25px;
margin-bottom: 80px;
margin-right: auto;
margin-left: auto;
}
.mobilemenu > ul {

9
views/asidemenu.erb

@ -2,12 +2,5 @@
<a href="/mobile-menu">Navigation</a>
</div>
<div class="aside">
<%= erb :asideImage %>
<%= erb :asideFolderBox %>
<%= erb :asideListButtons %>
<div class="center">
<a href="https://git.broken-moon.net" target="_blank"><img class="asidebottomimage" src="/images/git.gif" alt="Git Server"></a>
</div>
<% time = Time.now.getlocal('+01:00') %>
<div class="center">@<%= ((time.sec + ( time.min * 60 ) + (time.hour * 60 * 60 )) / 86.4).floor %></div>
<%= erb :menu %>
</div>

9
views/menu.erb

@ -0,0 +1,9 @@
<%= erb :asideImage %>
<%= erb :asideFolderBox %>
<%= erb :asideListButtons %>
<div class="center">
<a href="https://git.broken-moon.net" target="_blank"><img class="asidebottomimage" src="/images/git.gif" alt="Git Server"></a>
</div>
<% time = Time.now.getlocal('+01:00') %>
<div class="center">@<%= ((time.sec + ( time.min * 60 ) + (time.hour * 60 * 60 )) / 86.4).floor %>
</div>

9
views/mobilemenu.erb

@ -9,12 +9,7 @@
<%= erb :headerBoilerplate %>
</head>
<body>
<%= erb :asideImage %>
<%= erb :asideFolderBox %>
<%= erb :asideListButtons %>
<div class="center">
<a href="https://git.broken-moon.net" target="_blank"><img class="asidebottomimage" src="/images/git.gif" alt="Git Server"></a>
<div class="mobilemenu">
<%= erb :menu %>
</div>
<% time = Time.now.getlocal('+01:00') %>
<div class="center">@<%= ((time.sec + ( time.min * 60 ) + (time.hour * 60 * 60 )) / 86.4).floor %></div>
</body>
Loading…
Cancel
Save