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

wrapped up banner homepage

master
JoBCB 4 years ago
parent
527ed6857b
commit
a703ea215f
3 changed files with 69 additions and 26 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 52
      static/css/style.css
  2. 27
      templates/about.html
  3. 14
      templates/home.html

52
static/css/style.css
View File

@ -583,9 +583,10 @@ a.paginate_button.next:after {
div#home-top-div{
height: 661px;
width: 100%;
border:blue solid 1px;
overflow: hidden;
position: relative;
border-bottom: solid black 3px;
}
.heading_A {
@ -605,13 +606,41 @@ div#home-top-div{
position: static;
max-width: 634px;
}
#home-top-div p {
margin-bottom: 0px;
}
#home-top-div #wrapper-bt-vid {
display: flex;
flex-direction: row;
justify-content: space-between;
}
#home-top-div #wrapper-vid {
margin: 0px 150px 0px 0px;
position: static;
width: 50%;
}
#home-top-div #wrapper-bt{
margin: 36px 26px 0px 150px;
position: static;
width: 50%;
}
#home-top-div #wrapper-vid video {
max-width: 600px;
width: 100%;
height: auto;
}
#home-top-div #wrapper-top-buttons{
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 26px;
}
#home-top-div .primary-button {
/*#home-top-div .primary-button {
margin-left: 150px;
margin-bottom: 26px;
position: static;
@ -619,7 +648,7 @@ div#home-top-div{
#home-top-div .secondary-button {
margin-left: 150px;
position: static;
}
}*/
#home-top-div img {
position: absolute;
@ -658,16 +687,16 @@ div#home-top-div{
@keyframes move {
0% {
-webkit-transform: translateX(0px);
-ms-transform: translateX(0px);
-moz-transform: translateX(0px);
transform: translateX(0px);
-webkit-transform: translateX(0vw);
-ms-transform: translateX(0vw);
-moz-transform: translateX(0vw);
transform: translateX(0vw);
}
100% {
-webkit-transform: translateX(1650px); /* 250vw*/
-ms-transform: translateX(1650px);
-moz-transform: translateX(1650px);
transform: translateX(1650px);
-webkit-transform: translateX(200vw); /* 250vw*/
-ms-transform: translateX(200vw);
-moz-transform: translateX(200vw);
transform: translateX(200vw);
}
}
@ -686,6 +715,7 @@ div#home-top-div{
}
}
/* ARCHIVE PREVIEW */
img.home-recent-imgs, img.browsethearchive-imgs{
width: 100%;

27
templates/about.html
View File

@ -5,16 +5,19 @@
<div class="pagetitle" id="about-title">About: Digital Archive of Artists Publishing (DAAP)</div>
<div id="about-content">
<div id="about-content-top">
<div id="about-content-top-left">The Digital Archive of Artists Publishing (DAAP) is an interactive, user-driven, searchable database of Artists’ Books and publications, that acts as a hub to engage with others, built by artists, publishers, and a community of producers in contemporary Artists’ Publishing, developed via an ethically driven design process and open-data methodology.
</div>
<div id="about-content-top-right">
<img src="{{ url_for('static', filename='/imgs/Pages/bannerrepeater.png') }}">
</div>
</div>
<div id="about-content-bottom">
<div id="about-content-bottom">
<div class="about-paragraph">
<div class="about-paragraph">
<div class="about-paragraph-subtitle">Introduction to the project</div>
<div>
@ -27,9 +30,9 @@
<p>
DAAP is committed to challenging the politics of traditional archives that come of issues regarding inclusion and accessibility, from a post-colonial, critical gender and LGBTQI perspective. The project will work to ensure an equitable and ethical design process occurs throughout the archive development. </p>
</div>
</div>
</div>
<div class="about-paragraph">
<div class="about-paragraph">
<div class="about-paragraph-subtitle">Introduction to the digital infrastructure</div>
<div>
@ -54,9 +57,9 @@
In addition to the structured data in the database, DAAP takes advantage of the possibility to connect archive records held in Wikibase to regular wiki text pages, so that long-form anecdotal narratives can sit alongside factual data. At the same time, due to its independence from Wikidata, DAAP also serves as a space of more open experimentation – where data is modelled and tested with active users within a community of subject specialists (artists, self-publishers, librarians, academics, students, etc).</p>
</div>
</div>
</div>
<div class="about-paragraph">
<div class="about-paragraph">
<div class="about-paragraph-subtitle">Our ethical standpoint</div>
<div>
<p>
@ -82,10 +85,10 @@
<h4>Code of conduct</h4>
We enforce a strict Code of Conduct throughout our public events both in person and online. Read the full <a target="_blank" href="https://daap.bannerrepeater.org/wiki/Project:CodeOfConduct">CoC text here</a>.</p>
</div>
</div>
</div>
<div class="about-paragraph">
<div class="about-paragraph">
<div class="about-paragraph-subtitle">Our Team</div>
<div>
<p>
@ -97,9 +100,9 @@
<p>
The Artists’ Publishing team is also joined by historian, archivist and writer Frances Whorrall-Campbell (MA) and artist <b>Cicilia Östholm</b> (PhD student, Fine Art/Humanities RCA), co-initiator of <a href="http://www.cicilia.works/index.php/works/equal-voices-in-the-room/">equal voices in the room?</a> who will help guide important ways to address bias and inequality through technological intervention, to undermine dominance and hegemonies based on gender binaries and the Western canon. Over the years important contributions have been made to the archival process, by several Banner Repeater volunteers, most recently of whom have done considerable work: Charlie Pritchard, Ariel Finch, Amelia Claringbull, Louise Rutledge, and Nína Óskarsdóttir, Maša Škrinjar kindly funded by an Erasmus scheme.</p>
</div>
</div>
</div>
<div class="about-paragraph">
<div class="about-paragraph">
<div class="about-paragraph-subtitle">A project by Banner Repeater with the support of Wikimedia UK</div>
<div>
<p>
@ -114,9 +117,9 @@
<p>
Banner Repeater is supported by Arts Council England, The Elephant Trust, The British Council, Chelsea Arts Club Trust, The Goethe Institut, Transport for London, Arriva Rail, ACoRP, The Community Rail Network, Del Chopo Museum Mexico City, The Italian Institute of Culture, London. BR was initially supported by a grant from the Empty Shop Fund, Arts in Empty Spaces, Hackney Council in 2010.</p>
</div>
</div>
</div>
</div>
</div>
</div>

14
templates/home.html
View File

@ -25,9 +25,19 @@
<p class="heading_A">The Digital Archive of Artists Publishing is an interactive, user-driven, searchable database of Artist's Books and publications</p>
<div id="wrapper-top-buttons" class="primary-button" id=""><span>SEE EXAMPLE SEARCH FOR ZINES</span></div>
<div id="wrapper-top-buttons" class="secondary-button" id=""><span>LEARN MORE ABOUT ADVANCED SEARCH TOOLS</span></div>
<div id="wrapper-bt-vid">
<div id="wrapper-bt">
<div id="wrapper-top-buttons" class="primary-button"><span>SEE EXAMPLE SEARCH FOR ZINES</span></div>
<div id="wrapper-top-buttons" class="secondary-button"><span>LEARN MORE ABOUT ADVANCED SEARCH TOOLS</span></div>
</div>
<div id="wrapper-vid">
<video preload="meta" autoplay="" loop="">
<source src="vid/archive-links-video-temp.mp4" type="video/mp4">
</video>
</div>
</div>
</div>

Write Preview
Loading…
Cancel
Save