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

added font Regular and removed yellow warning message

master
JoBCB 3 years ago
parent
0890a7514a
commit
cb4a72d66b
2 changed files with 43 additions and 37 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 57
      static/css/style.css
  2. 23
      templates/layout.html

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>

Write Preview
Loading…
Cancel
Save