Compare commits

..

49 Commits

Author SHA1 Message Date
chris 323fd10438 Merge pull request 'fix/20210728' (#14) from fix/20210728 into develop
Reviewed-on: #14
2021-07-29 22:39:05 +02:00
jorge 59bc76ac9f ul margins collection card 2021-07-28 19:17:35 +02:00
jorge 43043f018b li description width styled 2021-07-28 19:16:26 +02:00
jorge 08af72a7ba styled collection cards show li properties before 2021-07-28 19:14:40 +02:00
jorge bab1d5c65d styled collection cards show li properties 2021-07-28 19:13:29 +02:00
jorge f10e176744 styled collection cards 2021-07-28 19:11:34 +02:00
jorge c99ef34eaf added default hero image for single collection in caso non pressent 2021-07-28 17:51:53 +02:00
jorge c32fcdc520 consider removing this file if no longer used 2021-07-28 17:37:00 +02:00
jorge d3580b8d75 removed abs reference to theme path so it is relative to assets location 2021-07-28 17:36:27 +02:00
jorge 74accb190f removed the automatic single collection summary/description 2021-07-28 17:21:29 +02:00
jorge 329d78f6dc added summary to header for single collection. 2021-07-28 17:19:59 +02:00
jorge e658789359 propper summary in header 2021-07-28 17:08:03 +02:00
jorge 80caa7c4c4 added summary to header for single collection. 2021-07-28 17:06:31 +02:00
jorge d08179aa3b site single colection removed menu, added description from backend 2021-07-28 17:03:57 +02:00
jorge 399dcfdcaf merged with fix/20210728 2021-07-28 16:49:14 +02:00
jorge 1e52ccf4e4 Merge branch 'fix/20210728' into fix/hero-shown 2021-07-28 16:48:09 +02:00
jorge 006aeba509 hero colection single possition higher towards header 2021-07-28 16:45:05 +02:00
jorge 9224fb9463 single collection image style covers full width 2021-07-28 15:25:32 +02:00
jorge bb99a4653f mod styles on hero aside for collection-single 2021-07-28 14:57:07 +02:00
jorge 43326144af added proper classes and nested nav inside hero partial 2021-07-28 14:44:48 +02:00
jorge abb51ac63a Merge branch 'fix/20210728' into fix/forms-seach-input-mods 2021-07-28 14:21:41 +02:00
jorge 3ac81dd207 Revert "Merge branch 'fix/hero-shown' into fix/20210728"
This reverts commit 12bade8fb2, reversing
changes made to aefde4a14f.
2021-07-28 14:16:11 +02:00
jorge 12bade8fb2 Merge branch 'fix/hero-shown' into fix/20210728 2021-07-28 14:11:37 +02:00
jorge aefde4a14f default css after merge with fix/footer-layout 2021-07-28 13:11:53 +02:00
jorge ac66b243bd Merge branch 'fix/footer-layout' into fix/20210728 2021-07-28 13:10:59 +02:00
jorge 42ae15c4c4 css after merge with fix/button-sizes 2021-07-28 13:10:35 +02:00
jorge f4c2ec5074 Merge branch 'fix/button-sizes' into fix/20210728 2021-07-28 13:07:35 +02:00
jorge b21780c1cb added a git merge rule to avoid default.css to be over written from other branches, instead it has to be created usin npm/gulp 2021-07-28 13:05:51 +02:00
jorge 3d5081b975 Merge branch 'fix/20210728' into fix/hero-shown 2021-07-28 12:33:00 +02:00
jorge 0bffead98a Merge branch 'fix/20210728' into fix/forms-seach-input-mods 2021-07-28 12:30:42 +02:00
jorge d0a193e5ba merge fix/20210728 into actual branch 2021-07-28 12:20:44 +02:00
jorge dd781f6f1d merge fix/footer-layout into actual branch 2021-07-28 12:18:43 +02:00
jorge 43e95e5f98 merge fix/browse-controls into actual branch 2021-07-28 12:17:17 +02:00
jorge 592bf8cb10 removed grey color from figure in accordion 2021-07-28 10:59:16 +02:00
jorge f6e7d03232 removed styles to first line in accordion list titles 2021-07-28 10:53:16 +02:00
jorge 3f860c2be1 revert previous commits apply 100vw only to .index, apply max 50vw to .page content 2021-07-28 09:56:49 +02:00
jorge 0f8ecd621a case .page article to xy-grid-container width 2021-07-28 09:44:28 +02:00
jorge 6e1ee18151 div .blocks to xy-grid-container width 2021-07-28 09:38:42 +02:00
jorge 456c1456e5 div .blocks to xy-grid width 2021-07-28 09:35:42 +02:00
jorge 326870ac1c added styles for inactive buttons 2021-07-27 15:52:40 +02:00
jorge 7bab3d1ab9 added more space above the footer, increased the margin-top 2021-07-27 15:01:13 +02:00
jorge b03719ecc0 corrected typo in footer so logo is properly aligned 2021-07-27 14:57:32 +02:00
jorge 8282977921 modyfied padding in small button sizes such as accordion list 2021-07-27 14:42:20 +02:00
jorge 3b4c6cb0ba fixed width for main content, accordion width so it will be contained in bib screens 2021-07-27 14:33:52 +02:00
jorge 58d6edbbf1 Merge branch 'fix/accordion-issue07' into fix/content-section-width
to be able to fix accordion-content layout
2021-07-27 14:18:34 +02:00
jorge 2ee608a16b added `<section>` to `.accordion-content` to be able to lay content propperly 2021-07-27 14:17:52 +02:00
jorge f211fb8f41 mods on hero to be shown in collections 2021-07-20 11:59:26 +02:00
jorge 4291eb09e9 make small changes in forms from browse-control and search sorting 2021-07-15 20:59:23 +02:00
jorge 0250b8f118 make search form act only at hero and mod colors 2021-07-15 20:58:23 +02:00
19 changed files with 306 additions and 164 deletions

1
.gitattributes vendored Normal file
View File

@ -0,0 +1 @@
default.css merge=ours

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

Binary file not shown.

After

Width:  |  Height:  |  Size: 97 KiB

View File

@ -322,7 +322,7 @@ $button-border: 2px solid $button-color;//1px solid transparent;
$button-hollow-border-width: 2px;
$button-sizes: (
tiny: 0.7rem,
small: 0.95rem,
small: 0.9rem,
default: 1.6rem,
large: 2.4rem,
);

View File

@ -1,11 +1,26 @@
.accordion-item {
border-bottom: $global-border-archive;
&:first-of-type {
max-height: 5rem;
.is-active{
max-height: 5rem;
padding:0;
}
.accordion-title::before{
content:'';
}
a {
color: black;
&:hover,&:active,&:focus{
color: black;
cursor: not-allowed;
}
}
}
}
.accordion-title {
ul,ol {
list-style: none;
//@include flex;
//@include flex-align(justify,middle);
@include xy-grid;
}
li {
@ -14,3 +29,4 @@
text-align:left;
}
}

View File

@ -1,6 +1,11 @@
button,.button {
&.small{
padding: $global-padding*0.5 $global-padding*1.5;
}
&.tiny{
padding: $global-padding*0.3 $global-padding*1.1;
}
&:not(.large,.small,.tiny){
// min-width: 20rem;
}
&.primary {
color: $white;
@ -18,6 +23,14 @@ button,.button {
&.secondary {
border-color: $secondary-color;
}
&.inactive {
color: $light-gray;
border-color: $light-gray;
cursor: not-allowed ;
&:hover {
background-color: unset;
}
}
}
.hero {
button,.button {

View File

@ -1,3 +1,31 @@
.card {
padding: $global-padding;
}
.collection-card {
ul {
&.arc-site-meta {
list-style: none;
margin: $global-margin 0;
li {
&:before{
content:'';
display: inline-block;
width: rem-calc(150);
min-height: rem-calc($global-lineheight);
}
&.artist:before {
content:'Artist';
}
&.date:before {
content: 'Year';
}
&.collection:before {
content: 'Collection';
}
&.tech-document-link:before {
content: 'Keywords';
}
}
}
}
}

View File

@ -1,3 +1,4 @@
.hero{
.search{
.input-group * {
margin: 0;
@ -37,8 +38,7 @@
right: 2rem;
+ .appear {
display: block;
color: $primary-color;
background-color: $input-background-focus;
background-color: scale-color($input-background-focus, $lightness: -20%);
z-index: 2;
&:hover {
color: $white;
@ -64,3 +64,4 @@
}
}
}
}

View File

@ -322,12 +322,12 @@ body.vertical-menu header .desktop {
}
.browse-control-mobile {
// display: none;
//
// @include breakpoint(small down) {
// display: inline-block;
display: none;
@include breakpoint(small down) {
display: inline-block;
// float: right;
// }
}
}
.browse-toggle {
@ -355,9 +355,9 @@ body.vertical-menu header .desktop {
}
.browse-controls {
// @include xy-grid;
// justify-content: space-between;
// align-items: center;
@include xy-grid;
justify-content: space-between;
align-items: center;
// margin: 0 (-.5 * $global-margin);
// font-size: .875 * $global-font-size;
//
@ -373,19 +373,19 @@ body.vertical-menu header .desktop {
// margin-right: .5 * $global-margin;
// }
//
// @include breakpoint(small down) {
@include breakpoint(small down) {
// margin: 0;
// display: none;
//
// &.open {
// display: flex;
// align-items: stretch;
// }
//
// &.closed {
// display: none;
// }
//
display: none;
&.open {
display: flex;
align-items: stretch;
}
&.closed {
display: none;
}
// .sorting,
// .omeka-pagination,
// .advanced-search {
@ -395,7 +395,14 @@ body.vertical-menu header .desktop {
// .advanced-search {
// order: 3;
// }
// }
}
.button-group {
margin-bottom: 0;
}
button,.button{
font-size: $global-font-size * 0.9;
padding: $global-padding*0.7 $global-padding*1.7;
}
}
.filter {
@ -507,20 +514,20 @@ body.vertical-menu header .desktop {
}
.omeka-pagination {
// @include breakpoint(medium) {
// @include xy-cell(4);
// }
@include breakpoint(medium) {
@include xy-cell();
}
}
.omeka-pagination,
.omeka-pagination form {
// display: flex;
// align-items: center;
display: flex;
align-items: center;
}
.omeka-pagination .button-group {
// flex-wrap: nowrap;
// flex-grow: 0;
flex-wrap: nowrap;
flex-grow: 0;
}
.omeka-pagination form,
@ -538,17 +545,27 @@ body.vertical-menu header .desktop {
}
.sorting {
// display: flex;
display: flex;
}
.sorting select {
// width: 100%;
// height: 100%;
// margin-bottom: 0;
width: 100%;
height: 100%;
margin-bottom: 0;
}
.sorting button {
// margin-bottom: 0;
.sorting {
display: flex;
button,.button {
padding: 0 $global-padding*1.4;
font-size: $global-font-size * 0.85;
margin: 0 $global-margin;
}
select {
// width: 100%;
// height: 100%;
margin-bottom: 0;
}
}
.layout-toggle button {

View File

@ -43,9 +43,8 @@ main {
}
section {
padding: $global-padding $global-padding*2;
//margin: $global-margin;
}
.entry-content {
.entry-content,.omekas-entry-content {
@include breakpoint(small){
@include xy-cell(12);
padding: $global-padding*2 ;
@ -69,6 +68,32 @@ main {
}
//
// page category
//--------------
.index{
main {
article {
header {
.entry-title {
}
}
section {
}
.entry-content,.omekas-entry-content {
@include breakpoint(small){
}
@include breakpoint(medium){
max-width: unset;
}
@include breakpoint(xlarge){
max-width: unset;
}
}
}
}
}
//
// news category
//--------------
@ -152,12 +177,11 @@ main {
.collections-list {
@include xy-grid;
width:100vw;
padding:0;
header,main{
@include xy-cell(12);
@include flex;
@include flex-align(center,top);
padding: $global-padding*2 0;
}
header {
margin-top: 2*$global-margin;
@ -166,10 +190,15 @@ main {
}
main {
@include xy-grid;
padding: 0;
margin: 0;
article {
@include card-container();
@include breakpoint(small){
@include xy-cell();
width: 100%;
padding: 0;
margin: 0;
@include breakpoint(small){
font-size: $global-font-size*0.7;
}
@include breakpoint(medium){
@ -179,18 +208,18 @@ main {
}
margin-bottom:0;
}
table {
thead,tbody,tfoot {
margin: $global-padding*2;
}
}
}
.accordion-content {
padding-top: 0;
section {
@include xy-grid;
padding-top: 0;
padding-bottom: 0;
@include breakpoint(small){
figure {
@include xy-cell(12);
margin-left:0;
margin-right:0;
}
p {
@include xy-cell(12);
@ -199,6 +228,7 @@ main {
@include breakpoint(medium){
figure {
@include xy-cell(3);
margin-left: 0;
}
p {
@include xy-cell(9);
@ -368,12 +398,42 @@ main {
aside {
background-color: $white;
flex-direction: column;
align-content: center;
align-items: center;
h2 {
margin: $global-margin;
}
}
}
&.collections-all {
}
&.collection-single {
.slides{
background-color: unset;
.slide {
margin:0 auto;
height: unset;
width: 100vw;
max-height: 10rem;
@include breakpoint(large){
height: unset;
}
img,.arc-page-header-img {
background-repeat: no-repeat;
background-size: contain;
width: 100vw;
}
}
}
aside {
nav {
width: 100vw;
border-top: $global-border-archive;
border-bottom: $global-border-archive;
margin: 0;
}
}
}
}
//end hero
@ -382,5 +442,4 @@ main {
width: 100%;
}
//end omeka specific styles

View File

@ -1,4 +1,5 @@
footer {
margin-top: $global-margin;
background-color: $secondary-color;
a {
color: $body-font-color;
@ -24,7 +25,7 @@ footer {
.logo {
}
.site-brand,.brand-logo {
&.archive{
&.archive,&.arc-hive{
&::before {
margin-top:unset;
}
@ -32,7 +33,6 @@ footer {
&.eu {
&::before {
@include breakpoint(small) {
// background-image: url('../img/eu_flag_creative_europe_co_funded_black_right.svg');
background-position-x: right;
max-width: 50vw;
margin-top:unset;
@ -59,7 +59,6 @@ footer {
padding: $global-padding;
font-size: $global-font-size * 0.8;
&:first-child {
//padding-top: $global-padding*3;
}
.co-founded {
text-align:right;

View File

@ -1,4 +1,8 @@
<?php
//
// as for 2021 07 28 this template is not being used
// consider deleting it
//
$archiveSiteHelper = $this->getHelperPluginManager()->get('archiveSiteMeta');
?>

View File

@ -11,7 +11,8 @@ $hasResults = false;
<?php
$img_src = $this->getHelperPluginManager()->get('archiveSiteMeta')->getSiteImage($this->site);
if (!$img_src) {
$img_src = '/themes/archive/asset/img/default-header-image.jpg';
//$img_src = '/themes/archive/asset/img/default-header-image.jpg';
$img_src = $this->assetUrl('img/ARC-HIVE-logo.svg');
}
if ($this->site->title() == "Collections") {
$image_height = "300px";

View File

@ -11,23 +11,23 @@
title="an arc-hive project"
alt="arc-hive logo" />
<?php endif; ?>
<h1 class="site-name"><?php echo $site->title(); ?></h1>
<h2 class="site-description">an integrative digital bio-art platform</h2>
<h1 class="site-name">
<?php echo $site->title(); ?>
</h1>
<h2 class="site-description">
an integrative digital bio-art platform
</h2>
</a>
</main>
<nav>
<menu class="">
<ul>
<li>
Segun el diseño, este menu no existe
</li>
</ul>
<?php /*
echo $site->publicNav()
->menu()
->setPartial('common/foundation-navigation.phtml')
->renderPartialWithParams(['layout' => 'dropdown']);
*/
<?php //
// Segun el diseño, este menu no existe
// ----------
// echo $site->publicNav()
// ->menu()
// ->setPartial('common/foundation-navigation.phtml')
// ->renderPartialWithParams(['layout' => 'dropdown']);
?>
</menu>
</nav>

View File

@ -1,34 +1,34 @@
<section class="hero omeka">
<section class="hero omeka collections-all">
<main class="slides">
<?php if ($this->themeSetting('logo')): ?>
<section class="slide">
<figure>
<img src="<?php echo $this->themeSettingAssetUrl('logo'); ?>"
alt="<?php echo $site->title(); ?>"
title="<?php echo $site->title(); ?>"
alt="<?php echo $site->title(); ?>"
class="logo" />
</figure>
</section>
<?php else: ?>
<section class="slide">
<!-- <p>ARC-HIVE is a curatorial space that gathers artworks that work in the continuum of biomateriality, from DNA, proteins, and cells to full organisms. They can be manipulation, modification or (re)creation of life and living processes.</p> -->
<figure>
<img src="<?php echo $this->assetUrl('img/ARC-HIVE-logo.svg');?>"
class="logo"
title="an arc-hive project"
alt="arc-hive logo" />
alt="arc-hive logo"
class="logo" />
</figure>
</section>
<?php endif; ?>
</main>
<aside>
<h2>
<h2 class="site-title">
<a href="<?= $this->site->url() ?>">
<?= $this->site->title() ?>
</a>
</h2>
<nav class="">
<?php echo $this->partial('common/search-form.phtml'); ?>
</nav>
</aside>
</section>

View File

@ -1,19 +1,21 @@
<section class="hero omeka">
<section class="hero omeka collection-single">
<main class="slides">
<section class="slide">
<figure>
<img class="arc-page-header-img"
<img
title="an arc-hive project"
alt="collection logo" />
alt="collection logo"
class="arc-page-header-img" />
</figure>
</section>
</main>
<aside>
<h2>
<h2 class="site-title">
<a href="<?= $this->site->url() ?>">
<?= $this->site->title() ?>
</a>
</h2>
<nav class="">
<?php
echo $site->publicNav()
->menu()
@ -21,7 +23,6 @@
->renderPartialWithParams(['layout' => 'dropdown']);
?>
<?php echo $this->partial('common/search-form.phtml'); ?>
<?php echo $this->partial('common/search-form.phtml'); ?> </nav>
</aside>
</section>

View File

@ -28,6 +28,7 @@ $summary = $showSummary ? $site->summary() : null;
</ul>
</a>
<aside class="accordion-content" data-tab-content>
<section>
<figure>
<?php if ($site_meta_values != null): ?>
<img src="<?= $site_meta_values['thumbnail']; ?>" />
@ -39,5 +40,6 @@ $summary = $showSummary ? $site->summary() : null;
<?php endif; ?>
<a class="button small" href="<?= $site->siteUrl() ?>">View</a>
</p>
</section>
</aside>
</li>

View File

@ -11,7 +11,7 @@ $showPagePagination = $this->siteSetting('show_page_pagination', true);
$img_src = null;
$img_src = $this->getHelperPluginManager()->get('headerImage')->getImage($page);
if (!$img_src) {
$img_src = $this->assetUrl('img/ARC-HIVE-logo.svg');
$img_src = $this->assetUrl('img/default-ARC-HIVE-hero-image.jpg');
}
?>
<style>