Skip to content

Commit

Permalink
feat(site): add OtogeDB logo, refine site nav and footer
Browse files Browse the repository at this point in the history
  • Loading branch information
zvuc committed Jan 16, 2024
1 parent aae5615 commit 06c406f
Show file tree
Hide file tree
Showing 16 changed files with 159 additions and 35 deletions.
10 changes: 8 additions & 2 deletions chunithm/index.html

Large diffs are not rendered by default.

10 changes: 8 additions & 2 deletions chunithm/lv/index.html

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion chunithm/style.css

Large diffs are not rendered by default.

10 changes: 8 additions & 2 deletions maimai/index.html

Large diffs are not rendered by default.

10 changes: 8 additions & 2 deletions maimai/lv/index.html

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion maimai/style.css

Large diffs are not rendered by default.

10 changes: 8 additions & 2 deletions ongeki/index.html

Large diffs are not rendered by default.

10 changes: 8 additions & 2 deletions ongeki/lv/index.html

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion ongeki/style.css

Large diffs are not rendered by default.

1 change: 1 addition & 0 deletions shared/img/github-icon.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions shared/img/twitter-icon.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
69 changes: 62 additions & 7 deletions shared/src/less/footer.less
Original file line number Diff line number Diff line change
Expand Up @@ -3,21 +3,64 @@ footer {
padding: 15px 0;
background-color: rgb(var(--ui-color-background-095));

a {
display: inline-block;
color: rgb(var(--ui-color-foreground-100));
text-decoration: none;
font-weight: bold;
margin: 0 2px;

&:hover {
text-decoration: underline;
}
}

.archives-link {
padding: 5px 0;
font-size: 0.9rem;
border-bottom: 1px solid rgb(var(--ui-color-background-090));
margin-bottom: 10px;
}

.social-icon {
display: inline-block;
vertical-align: middle;
width: 18px;
height: 18px;
background-size: 16px 16px;
background-position: center;
background-repeat: no-repeat;
background-color: #000;
border-radius: 3px;
margin-right: 2px;

&.twitter-icon {
background-image: url('/shared/img/twitter-icon.svg');
}

&.github-icon {
background-image: url('/shared/img/github-icon.svg');
border-radius: 18px;
}
}

.disclaimer {
display: flex;
margin-top: 10px;
width: 100%;

@media screen and (max-width: 640px) {
flex-flow: column;
gap: 10px;
}

.content {
margin-right: auto;

@media screen and (max-width: 640px) {
order: 2;
}

p {
margin-top: 0;
font-size: 0.8em;
Expand All @@ -27,13 +70,25 @@ footer {

.footer-logo {
flex: 0 0 auto;
display: inline-block;
width: 48px;
height: 48px;
background-image: var(--footer-icon);
background-repeat: no-repeat;
background-size: 100%;
margin-left: 10px;
display: flex;
flex-flow: column;

@media screen and (min-width: 640px) {
margin-left: 10px;
}

svg {
height: 24px;

@media screen and (min-width: 640px) {
height: 32px;
}
}

a {
margin-top: 10px;
text-align: center;
}
}
}

Expand Down
22 changes: 18 additions & 4 deletions shared/src/less/header.less
Original file line number Diff line number Diff line change
Expand Up @@ -2,21 +2,35 @@
@header-height: 60px;

.otogedb-nav {
height: 20px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
font-size: 0.85em;
font-size: 13px;
gap: 10px;
background-color: rgba(var(--ui-color-background-090),0.5);
color: rgba(var(--ui-color-foreground-050),0.5);
background-color: rgba(var(--ui-color-background-090),0.2);
box-shadow:
0 -1px 0 0 rgb(var(--ui-color-border),0.1) inset,
0 1px 0 0 rgb(var(--ui-color-border),0.1) inset;

.label {
color: rgb(var(--ui-color-foreground-080));
font-weight: bold;

.text {
display: none;
}

svg {
height: 12.5px;

}
}

.nav-link {
color: rgb(var(--ui-color-foreground-080));
margin-top: -0.2em;
text-decoration: none;

&:hover {
Expand Down Expand Up @@ -361,4 +375,4 @@ header {
}
}
}
}
}
5 changes: 5 additions & 0 deletions shared/src/less/table.less
Original file line number Diff line number Diff line change
Expand Up @@ -680,8 +680,13 @@ table.dataTable {

.paging {
padding: 0 10px;
font-size: 1.2em;

@media screen and (min-width: 1440px) {
grid-column: 1;
}

.paginate_button {
border-radius: 5px;
}
}
21 changes: 14 additions & 7 deletions shared/src/pug/_footer.pug
Original file line number Diff line number Diff line change
Expand Up @@ -22,13 +22,20 @@ footer#site-footer
| OtogeDB is a fanmade project. It is not in any way affiliated with or endorsed by SEGA.
br
| The original #{game_name_display} Logo is a trademark of SEGA CORPORATION. All copyrighted materials are owned by their respective owners.
p
| 更新情報&お問い合わせ:
a(href='https://x.com/otoge_db' target='_blank' rel='noopener') @otoge_db
p
| Since 2019
| / Made by
a(href='https://x.com/zvuc_' target='_blank' rel='noopener') @zvuc_
| / Made by zvuc
a(href='https://x.com/zvuc_' target='_blank' rel='noopener')
span.social-icon.twitter-icon
| / Contributions & feedback on
a(href='https://github.com/zvuc/otoge-db' target='_blank' rel='noopener') GitHub
.footer-logo
a(href='https://github.com/zvuc/otoge-db' target='_blank' rel='noopener')
span.social-icon.github-icon
| GitHub
.footer-logo
<svg viewBox="0 0 710 125">
<path d="M514.62 66.26v6.28h-52.33V53.71h52.33v6.28h7.43v6.28h-7.43Zm90.73-18.56v29.44c0 26.23-19.9 45.64-47.12 45.64h-43.61V72.53h7.43v-6.28h7.43v-6.28h-7.43v-6.28h-7.43V2.22h43.61c27.22 0 47.12 19.16 47.12 45.48m-22.2 1.64c0-16.36-12.01-28.29-28.29-28.29h-9.4c-4.85 0-8.55 3.04-8.55 7.4v68.09c0 4.36 3.7 7.4 8.55 7.4h9.4c16.28 0 28.29-12.01 28.29-28.29V49.33Zm31.71 10.64v6.28h7.43v-6.28zm72.74 2.32c5.09-2.41 12.3-10.28 12.3-26.85 0-19.2-14.47-33.23-41.4-33.23h-43.63V53.7h7.43v6.28h7.43v6.28h-7.43v6.28h-7.43v50.25h41.28c28.45 0 47.2-6.91 47.2-34.54 0-13.73-8.46-23.44-15.75-25.94Zm-50.45-31.87c0-5.67 3.7-9.37 9.37-9.37h7.54c17.02 0 24.02 5.03 24.02 14.36 0 14.88-6.3 18.29-23.32 18.29h-9.06c-5.18 0-8.55-3.04-8.55-7.4V30.44Zm16.91 73.52h-7.54c-5.67 0-9.37-3.7-9.37-9.37V79.94c0-4.36 3.37-7.4 8.55-7.4h9.06c17.02 0 26.3-.52 26.3 15.1 0 12.66-8.19 16.31-27 16.31" fill="#288cc3"/>
<path fill="currentColor" d="M0 81V43.75C0 17.52 18.91 0 47.2 0s47.12 17.52 47.12 43.75V81c0 26.48-18.83 44-47.12 44S0 107.48 0 81m47.2 24.26c14.97 0 24.92-10.28 24.92-25.74V45.47c0-15.46-9.95-25.74-24.92-25.74S22.28 30.01 22.28 45.47v34.05c0 15.46 9.95 25.74 24.92 25.74M182.97 81V43.75c0-26.23 18.91-43.75 47.2-43.75s47.12 17.52 47.12 43.75V81c0 26.48-18.83 44-47.12 44s-47.2-17.52-47.2-44m47.2 24.26c14.97 0 24.92-10.28 24.92-25.74V45.47c0-15.46-9.95-25.74-24.92-25.74s-24.92 10.28-24.92 25.74v34.05c0 15.46 9.95 25.74 24.92 25.74M287.82 81V43.75c0-26.23 18.91-43.75 47.2-43.75s47.12 17.52 47.12 44.65h-22.2c0-14.64-9.95-24.92-24.92-24.92S310.1 30.01 310.1 45.47v34.05c0 15.46 9.79 25.74 25.41 25.74 13.16 0 23.6-7.24 23.6-22.53v-1.07c0-6.74-3.7-9.13-10.77-9.13h-13.36V53.7h47.16v24.75c0 29.03-18.83 46.55-47.12 46.55s-47.2-17.52-47.2-44m150.05 24.26c-15.62 0-25.41-10.28-25.41-25.74v-6.99h28.13V53.7h-28.13v-8.22c0-15.46 9.95-25.74 24.92-25.74s24.92 10.28 24.92 24.92h21.98C484.28 17.52 465.66 0 437.37 0s-47.2 17.52-47.2 43.75V81c0 26.48 18.91 44 47.2 44 26.52 0 44.73-15.39 46.9-41.23h-21.98c-.47 14.58-11.57 21.49-24.42 21.49m-320.6-84.21H96.55V2.22h84.21v18.83h-21.55c-5.35 0-9.46 4.03-9.46 9.46v92.27h-22.2V31.33c0-5.92-4.36-10.28-10.28-10.28"/>
</svg>
a(href='https://x.com/otoge_db' target='_blank' rel='noopener')
span.social-icon.twitter-icon
| otoge_db
9 changes: 7 additions & 2 deletions shared/src/pug/_header.pug
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,12 @@
</div>
</div>
nav.otogedb-nav
span.label OtogeDB
span.label
span.text OtogeDB
<svg viewBox="0 0 710 125">
<path d="M514.62 66.26v6.28h-52.33V53.71h52.33v6.28h7.43v6.28h-7.43Zm90.73-18.56v29.44c0 26.23-19.9 45.64-47.12 45.64h-43.61V72.53h7.43v-6.28h7.43v-6.28h-7.43v-6.28h-7.43V2.22h43.61c27.22 0 47.12 19.16 47.12 45.48m-22.2 1.64c0-16.36-12.01-28.29-28.29-28.29h-9.4c-4.85 0-8.55 3.04-8.55 7.4v68.09c0 4.36 3.7 7.4 8.55 7.4h9.4c16.28 0 28.29-12.01 28.29-28.29V49.33Zm31.71 10.64v6.28h7.43v-6.28zm72.74 2.32c5.09-2.41 12.3-10.28 12.3-26.85 0-19.2-14.47-33.23-41.4-33.23h-43.63V53.7h7.43v6.28h7.43v6.28h-7.43v6.28h-7.43v50.25h41.28c28.45 0 47.2-6.91 47.2-34.54 0-13.73-8.46-23.44-15.75-25.94Zm-50.45-31.87c0-5.67 3.7-9.37 9.37-9.37h7.54c17.02 0 24.02 5.03 24.02 14.36 0 14.88-6.3 18.29-23.32 18.29h-9.06c-5.18 0-8.55-3.04-8.55-7.4V30.44Zm16.91 73.52h-7.54c-5.67 0-9.37-3.7-9.37-9.37V79.94c0-4.36 3.37-7.4 8.55-7.4h9.06c17.02 0 26.3-.52 26.3 15.1 0 12.66-8.19 16.31-27 16.31" fill="#288cc3"/>
<path fill="currentColor" d="M0 81V43.75C0 17.52 18.91 0 47.2 0s47.12 17.52 47.12 43.75V81c0 26.48-18.83 44-47.12 44S0 107.48 0 81m47.2 24.26c14.97 0 24.92-10.28 24.92-25.74V45.47c0-15.46-9.95-25.74-24.92-25.74S22.28 30.01 22.28 45.47v34.05c0 15.46 9.95 25.74 24.92 25.74M182.97 81V43.75c0-26.23 18.91-43.75 47.2-43.75s47.12 17.52 47.12 43.75V81c0 26.48-18.83 44-47.12 44s-47.2-17.52-47.2-44m47.2 24.26c14.97 0 24.92-10.28 24.92-25.74V45.47c0-15.46-9.95-25.74-24.92-25.74s-24.92 10.28-24.92 25.74v34.05c0 15.46 9.95 25.74 24.92 25.74M287.82 81V43.75c0-26.23 18.91-43.75 47.2-43.75s47.12 17.52 47.12 44.65h-22.2c0-14.64-9.95-24.92-24.92-24.92S310.1 30.01 310.1 45.47v34.05c0 15.46 9.79 25.74 25.41 25.74 13.16 0 23.6-7.24 23.6-22.53v-1.07c0-6.74-3.7-9.13-10.77-9.13h-13.36V53.7h47.16v24.75c0 29.03-18.83 46.55-47.12 46.55s-47.2-17.52-47.2-44m150.05 24.26c-15.62 0-25.41-10.28-25.41-25.74v-6.99h28.13V53.7h-28.13v-8.22c0-15.46 9.95-25.74 24.92-25.74s24.92 10.28 24.92 24.92h21.98C484.28 17.52 465.66 0 437.37 0s-47.2 17.52-47.2 43.75V81c0 26.48 18.91 44 47.2 44 26.52 0 44.73-15.39 46.9-41.23h-21.98c-.47 14.58-11.57 21.49-24.42 21.49m-320.6-84.21H96.55V2.22h84.21v18.83h-21.55c-5.35 0-9.46 4.03-9.46 9.46v92.27h-22.2V31.33c0-5.92-4.36-10.28-10.28-10.28"/>
</svg>
a.nav-link(href=(flat_view ? '/ongeki/lv' : '/ongeki'))
span ONGEKI
a.nav-link(href=(flat_view ? '/chunithm/lv' : '/chunithm'))
Expand Down Expand Up @@ -47,4 +52,4 @@ nav.site-navigation
select#chart_lev.lv-switcher(name='lv-switcher' data-type='href')
option(value='' selected='' data-default='') LEVEL ALL
each level in levels
option(value=level) LEVEL #{level}
option(value=level) LEVEL #{level}

0 comments on commit 06c406f

Please sign in to comment.