Backups/Mango
1
0
Fork 0
mirror of https://github.com/hkalexling/Mango.git synced 2026-03-20 00:00:48 -04:00
Code Issues Projects Releases Wiki Activity

- / and /book/:title

Browse Source
This commit is contained in:
Alex Ling
2020-02-12 17:52:33 +00:00
parent cc031c9aef
commit 9eedac280e
6 changed files with 118 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/views/index.ecr Normal file
View File

@@ -0,0 +1,18 @@
<div class="uk-child-width-1-4@m" uk-grid>
<%- titles.each do |t| -%>
<div>
<a class="acard" href="/book/<%= t.title %>">
<div class="uk-card uk-card-default">
<div class="uk-card-media-top">
<img src="<%= t.entries[0].cover_url %>" alt="">
</div>
<div class="uk-card-body">
<div class="uk-card-badge uk-label">Badge</div>
<h3 class="uk-card-title"><%= t.title %></h3>
<p><%= t.entries.size %> entries</p>
</div>
</div>
</a>
</div>
<%- end -%>
</div>

3
src/views/layout.ecr
View File

@@ -8,6 +8,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/uikit@3.3.1/dist/css/uikit.min.css" />
<link rel="stylesheet" href="/css/mango.css" />
</head>
<body>
@@ -15,8 +16,10 @@
<p class="uk-align-right uk-margin-right">Hello !</p>
</div>
<div class="uk-section uk-section-default uk-section-small">
<div class="uk-container uk-container-small">
<%= content %>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/uikit@3.3.1/dist/js/uikit.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/uikit@3.3.1/dist/js/uikit-icons.min.js"></script>

16
src/views/title.ecr Normal file
View File

@@ -0,0 +1,16 @@
<h2 class=uk-title><%= title.title %></h2>
<div class="uk-child-width-1-4@m" uk-grid>
<%- title.entries.each do |e| -%>
<div>
<div class="uk-card uk-card-default">
<div class="uk-card-media-top">
<img src="<%= e.cover_url %>" alt="">
</div>
<div class="uk-card-body">
<div class="uk-card-badge uk-label">Badge</div>
<h3 class="uk-card-title"><%= e.title %></h3>
</div>
</div>
</div>
<%- end -%>
</div>