jules/DAAP_interface
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

added font Regular and removed yellow warning message

Browse Source
This commit is contained in:
JoBCB 2020-12-15 10:08:42 +01:00
parent 0890a7514a
commit cb4a72d66b
2 changed files with 43 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

57
static/css/style.css
View File

@ -16,8 +16,8 @@ font-style: normal;
} }
/*@font-face { @font-face {
font-family: 'Roboto'; font-family: 'Roboto Regular';
src: url('webfonts/Roboto_Regular/Roboto-Regular.ttf') format('truetype'); src: url('webfonts/Roboto_Regular/Roboto-Regular.ttf') format('truetype');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
@ -29,7 +29,7 @@ src: url('webfonts/Roboto_Regular/Roboto-Italic.ttf') format('truetype');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
*/
/*new import font*/ /*new import font*/
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@ -230,7 +230,7 @@ html {
padding:0; padding:0;
height: 100vh; height: 100vh;
width: 100vw; width: 100vw;
font-family: 'Roboto Condensed', sans-serif; font-family: 'Roboto Regular', 'Roboto Condensed', sans-serif;
font-size: 16px; font-size: 16px;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
@ -244,7 +244,7 @@ html {
} }
body { body {
font-family: Roboto Condensed; font-family: 'Roboto Regular', 'Roboto Condensed', sans-serif;
/*font-size: calc(12px + (20 - 12) * ((100vw - 320px) / (1600 - 320))); /*font-size: calc(12px + (20 - 12) * ((100vw - 320px) / (1600 - 320)));
line-height: 1.63;*/ line-height: 1.63;*/
font-weight: normal; font-weight: normal;
@ -256,7 +256,7 @@ body {
padding: 0; padding: 0;
} }
body i { body i {
font-family: 'Roboto Condensed'; font-family: 'Roboto Italic', 'Roboto Condensed', sans-serif;
font-weight: normal; font-weight: normal;
font-stretch: normal; font-stretch: normal;
font-style: italic; font-style: italic;
@ -644,7 +644,7 @@ tbody tr th a{
margin-right: auto; margin-right: auto;
padding-top: 42px; padding-top: 42px;
padding-bottom: 52px; padding-bottom: 52px;
font-family: Roboto Condensed; font-family: Roboto Condensed, sans-serif;
font-size: 14px; font-size: 14px;
line-height: 48px; line-height: 48px;
font-weight: bold; font-weight: bold;
@ -706,7 +706,7 @@ a.paginate_button.next:after {
height: 26px; height: 26px;
font-size: 18px; font-size: 18px;
line-height: 1.44;*/ line-height: 1.44;*/
font-family: Roboto Condensed; font-family: Roboto Condensed, sans-serif;
font-weight: bold; font-weight: bold;
font-stretch: condensed; font-stretch: condensed;
font-style: normal; font-style: normal;
@ -714,7 +714,7 @@ a.paginate_button.next:after {
color: var(--black); color: var(--black);
} }
.date, div.artwork-relatedworks-date { .date, div.artwork-relatedworks-date {
font-family: Roboto Condensed; font-family: Roboto Condensed, sans-serif;
/*font-size: 16px; /*font-size: 16px;
line-height: 1.63;*/ line-height: 1.63;*/
font-weight: normal; font-weight: normal;
@ -768,7 +768,7 @@ a.paginate_button.next:after {
.artwork-button { .artwork-button {
width: 76px; width: 76px;
height: 24px; height: 24px;
font-family: Roboto Condensed; font-family: Roboto Condensed, sans-serif;
/* font-size: 16px; /* font-size: 16px;
line-height: 1.5;*/ line-height: 1.5;*/
font-weight: normal; font-weight: normal;
@ -800,7 +800,7 @@ div#home-top-div{
grid-template-rows: auto auto; grid-template-rows: auto auto;
} }
.heading_A { .heading_A {
font-family: Roboto Condensed; font-family: Roboto Condensed, sans-serif;
/* font-size: 40px; /* font-size: 40px;
line-height: 1.45;*/ line-height: 1.45;*/
font-weight: normal; font-weight: normal;
@ -1008,7 +1008,7 @@ div#home-top-div{
} }
} }
.scroll-down { .scroll-down {
font-family: Roboto Condensed Bold; font-family: 'Roboto Condensed Bold', sans-serif;
font-size: 14px; font-size: 14px;
font-weight: bold; font-weight: bold;
font-stretch: condensed; font-stretch: condensed;
@ -1153,7 +1153,7 @@ div.home-show-wrapper a:hover {
} }
.mw-parser-output h1, .Heading_B { .mw-parser-output h1, .Heading_B {
margin-block-end: 1.5em; margin-block-end: 1.5em;
font-family: Roboto Condensed Bold; font-family: 'Roboto Condensed Bold', sans-serif;
/* font-size: calc(22 + (25 - 22) * ((100vw - 320px) / (1600 - 320))); /* font-size: calc(22 + (25 - 22) * ((100vw - 320px) / (1600 - 320)));
line-height: 35px;*/ line-height: 35px;*/
font-weight: bold; font-weight: bold;
@ -1171,7 +1171,7 @@ div.home-show-wrapper a:hover {
margin: 0 !important; margin: 0 !important;
} }
.mw-parser-output blockquote p { .mw-parser-output blockquote p {
font-family: Roboto Condensed; font-family: 'Roboto Condensed', sans-serif;
/* font-size: calc(20px + (30 - 20) * ((100vw - 320px) / (1600 - 320))); /* font-size: calc(20px + (30 - 20) * ((100vw - 320px) / (1600 - 320)));
line-height: 1.56;*/ line-height: 1.56;*/
font-weight: normal; font-weight: normal;
@ -1191,7 +1191,7 @@ div.home-show-wrapper a:hover {
} }
.Heading_C, .mw-parser-output h2, h2 { .Heading_C, .mw-parser-output h2, h2 {
font-family: Roboto Condensed; font-family: 'Roboto Condensed', sans-serif;
/* font-size: calc(20px + (30 - 20) * ((100vw - 320px) / (1600 - 320))); /* font-size: calc(20px + (30 - 20) * ((100vw - 320px) / (1600 - 320)));
line-height: 40px; line-height: 40px;
margin: 0px 0px 30px 0px; */ margin: 0px 0px 30px 0px; */
@ -1202,7 +1202,7 @@ div.home-show-wrapper a:hover {
color: var(--black); color: var(--black);
} }
.Heading_D, .mw-parser-output h3, h3 { .Heading_D, .mw-parser-output h3, h3 {
font-family: Roboto Condensed; font-family: 'Roboto Condensed', sans-serif;
/* font-size: calc(22px + (25 - 22) * ((100vw - 320px) / (1600 - 320))); /* font-size: calc(22px + (25 - 22) * ((100vw - 320px) / (1600 - 320)));
line-height: 35px;*/ line-height: 35px;*/
font-weight: normal; font-weight: normal;
@ -1212,7 +1212,7 @@ div.home-show-wrapper a:hover {
color: var(--black); color: var(--black);
} }
.Heading_E { .Heading_E {
font-family: Roboto Condensed; font-family: 'Roboto Condensed', sans-serif;
/* font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1600 - 320))); /* font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1600 - 320)));
line-height: 20px;*/ line-height: 20px;*/
font-weight: normal; font-weight: normal;
@ -1227,7 +1227,7 @@ div.home-show-wrapper a:hover {
grid-column-end: 15; grid-column-end: 15;
} }
.mw-parser-output ul { .mw-parser-output ul {
font-family: Roboto Condensed; font-family: 'Roboto Condensed', sans-serif;
/* font-size: calc(12px + (20 - 12) * ((100vw - 320px) / (1600 - 320))); /* font-size: calc(12px + (20 - 12) * ((100vw - 320px) / (1600 - 320)));
line-height: 1.63;*/ line-height: 1.63;*/
font-weight: normal; font-weight: normal;
@ -1245,7 +1245,7 @@ div.home-show-wrapper a:hover {
height: auto; height: auto;
} }
.mw-parser-output img { .mw-parser-output img {
font-family: Roboto Condensed; font-family: 'Roboto Condensed', sans-serif;
/* font-size: calc(12px + (20 - 12) * ((100vw - 320px) / (1600 - 320))); /* font-size: calc(12px + (20 - 12) * ((100vw - 320px) / (1600 - 320)));
line-height: 1.63;*/ line-height: 1.63;*/
text-decoration: none; text-decoration: none;
@ -1256,7 +1256,7 @@ div.home-show-wrapper a:hover {
color: var(--black); color: var(--black);
} }
.mw-parser-output a { .mw-parser-output a {
font-family: Roboto Condensed; font-family: 'Roboto Regular', 'Roboto Condensed', sans-serif;
/* font-size: calc(12px + (20 - 12) * ((100vw - 320px) / (1600 - 320))); /* font-size: calc(12px + (20 - 12) * ((100vw - 320px) / (1600 - 320)));
line-height: 1.63;*/ line-height: 1.63;*/
font-weight: normal; font-weight: normal;
@ -1372,7 +1372,7 @@ div.browsebycategory-categories:hover {
} }
.artwork-box { .artwork-box {
font-family: Roboto Condensed; font-family: 'Roboto Condensed', sans-serif;
font-size: 16px; font-size: 16px;
font-weight: normal; font-weight: normal;
font-stretch: condensed; font-stretch: condensed;
@ -1384,7 +1384,7 @@ div.browsebycategory-categories:hover {
border: solid 1px var(--black); border: solid 1px var(--black);
margin: 30px 8vw 0px 8vw; margin: 30px 8vw 0px 8vw;
padding: 6px 10px; padding: 6px 10px;
max-width: 96px; max-width: 120px;
} }
@ -1399,7 +1399,7 @@ div.browsebycategory-categories:hover {
} }
.artwork-intro { .artwork-intro {
font-family: Roboto Condensed; font-family: 'Roboto Condensed', sans-serif;
/* font-size: calc(12px + (20 - 12) * ((100vw - 320px) / (1600 - 320))); /* font-size: calc(12px + (20 - 12) * ((100vw - 320px) / (1600 - 320)));
line-height: 1.63;*/ line-height: 1.63;*/
font-weight: normal; font-weight: normal;
@ -1431,7 +1431,7 @@ div.browsebycategory-categories:hover {
} }
.artwork-nav-label, .label-item, .tns-item p:first-of-type { .artwork-nav-label, .label-item, .tns-item p:first-of-type {
margin: 25px 0 12px 1px; margin: 25px 0 12px 1px;
font-family: Roboto Condensed; font-family: 'Roboto Condensed', sans-serif;
/* font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1600 - 320))); /* font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1600 - 320)));
*/ font-weight: normal; */ font-weight: normal;
font-stretch: condensed; font-stretch: condensed;
@ -1732,7 +1732,7 @@ div.browsebycategory-categories:hover {
width: 100%; width: 100%;
} }
.metadata-link, .metadata-link a, .metadata-link a span { .metadata-link, .metadata-link a, .metadata-link a span {
font-family: Roboto Condensed Bold; font-family: 'Roboto Condensed Bold', sans-serif;
/* font-size: 18px; /* font-size: 18px;
line-height: 1.44;*/ line-height: 1.44;*/
font-weight: bold; font-weight: bold;
@ -1743,7 +1743,7 @@ div.browsebycategory-categories:hover {
text-decoration-color:var(--blue-blue); text-decoration-color:var(--blue-blue);
} }
.label-item-date-artwork{ .label-item-date-artwork{
font-family: Roboto Condensed Bold; font-family: 'Roboto Condensed Bold', sans-serif;
font-weight: bold; font-weight: bold;
font-stretch: condensed; font-stretch: condensed;
font-style: normal; font-style: normal;
@ -1760,7 +1760,7 @@ div.browsebycategory-categories:hover {
text-decoration-color: black; text-decoration-color: black;
} }
.metadata-link p { .metadata-link p {
font-family: Roboto Condensed; font-family: 'Roboto Condensed', sans-serif;
font-weight: normal; font-weight: normal;
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
@ -1991,6 +1991,9 @@ div#tutorials-intro h3, div#tutorials-intro p {
display: initial; display: initial;
} }
#link-search{
padding-right: 26px;
}
#navigation { #navigation {
display: none !important; display: none !important;
} }

23
templates/layout.html
View File

@ -22,9 +22,9 @@
</div> </div>
</div> </div>
<div id="message-mobile"> <!-- <div id="message-mobile">
<p>Mobile version coming soon, please view on desktop</p> <p>Mobile version coming soon, please view on desktop</p>
</div> </div> -->
<div id="header"> <div id="header">
<div id="animatedlogo"> <div id="animatedlogo">
@ -36,16 +36,19 @@
<div id="header-title"> <div id="header-title">
<a href="{{ url_for('home') }}">DAAP</a> <a href="{{ url_for('home') }}">DAAP</a>
</div> </div>
<!-- <div id="header-keyword-search">
<input type="text" id="fname" name="fname" value="" placeholder="Keyword search"> <a id="link-search" href="https://daap.bannerrepeater.org/w/index.php?search=&search=&title=Special%3ASearch&go=Go" >
</div> <div id="header-keyword-search">
<div class="container" onclick="myFunction(this)"> <!-- <input type="text" id="fname" name="fname" value="" placeholder="Keyword search"> -->
</div>
</a>
<!-- <div class="container" onclick="myFunction(this)">
</div> --> </div> -->
<div class="web-dev-placeholder"> <!-- <div class="web-dev-placeholder">
<p>WEBSITE IN DEVELOPMENT</p> <p>WEBSITE IN DEVELOPMENT</p>
</div> </div> -->
<a id="mobtop" class="mobile-nav-icon mob-menu-icon" onclick="showMenu('navigationmobile'); toggleMenu();"></a> <a id="mobtop" class="mobile-nav-icon mob-menu-icon" onclick="showMenu('navigationmobile'); toggleMenu();"></a>
</div> </div>