From a703ea215f42abb881d7fae98d3d501e03df8026 Mon Sep 17 00:00:00 2001 From: JoBCB Date: Sat, 14 Nov 2020 18:41:53 +0000 Subject: [PATCH] wrapped up banner homepage --- static/css/style.css | 52 ++++++++++++++++++++++++++++++++++---------- templates/about.html | 29 +++++++++++++----------- templates/home.html | 14 ++++++++++-- 3 files changed, 69 insertions(+), 26 deletions(-) diff --git a/static/css/style.css b/static/css/style.css index 0ff544b..7ab7004 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -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%; diff --git a/templates/about.html b/templates/about.html index e98aed3..dbb7c67 100644 --- a/templates/about.html +++ b/templates/about.html @@ -5,16 +5,19 @@
About: Digital Archive of Artists Publishing (DAAP)
+
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.
+
- -
+
+ +
-
+
Introduction to the project
@@ -27,9 +30,9 @@

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.

-
+
-
+
Introduction to the digital infrastructure
@@ -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).

-
+
-
+
Our ethical standpoint

@@ -82,10 +85,10 @@

Code of conduct

We enforce a strict Code of Conduct throughout our public events both in person and online. Read the full CoC text here.

-
+
-
+
Our Team

@@ -97,9 +100,9 @@

The Artists’ Publishing team is also joined by historian, archivist and writer Frances Whorrall-Campbell (MA) and artist Cicilia Östholm (PhD student, Fine Art/Humanities RCA), co-initiator of equal voices in the room? 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.

-
+
-
+
A project by Banner Repeater with the support of Wikimedia UK

@@ -114,9 +117,9 @@

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.

-
+
-
+
diff --git a/templates/home.html b/templates/home.html index 16cefad..009b6da 100644 --- a/templates/home.html +++ b/templates/home.html @@ -25,9 +25,19 @@

The Digital Archive of Artists Publishing is an interactive, user-driven, searchable database of Artist's Books and publications

-
SEE EXAMPLE SEARCH FOR ZINES
-
LEARN MORE ABOUT ADVANCED SEARCH TOOLS
+
+
+
SEE EXAMPLE SEARCH FOR ZINES
+ +
LEARN MORE ABOUT ADVANCED SEARCH TOOLS
+
+
+ +
+