Skip to content
Snippets Groups Projects
Commit 139edd2d authored by lotte's avatar lotte Committed by Art Lowel
Browse files

renamed theme to Mantis

parent 1d99d8a5
Branches
Tags
No related merge requests found
Showing
with 77 additions and 244 deletions
<div class="jumbotron jumbotron-fluid">
<div class="d-flex flex-wrap">
<div>
<h1 class="display-3">DSpace 7</h1>
<p class="lead">DSpace is the world leading open source repository platform that enables
organisations to:</p>
<div class="background-image">
<div class="container">
<div class="jumbotron jumbotron-fluid">
<div class="d-flex flex-wrap">
<div>
<h1 class="display-3">DSpace 7</h1>
<p class="lead">DSpace is the world leading open source repository platform that enables organisations to:</p>
</div>
</div>
<ul>
<li>easily ingest documents, audio, video, datasets and their corresponding Dublin Core metadata
</li>
<li>open up this content to local and global audiences, thanks to the OAI-PMH interface and Google Scholar optimizations
</li>
<li>issue permanent urls and trustworthy identifiers, including optional integrations with handle.net and DataCite DOI</li>
</ul>
</div>
</div>
<ul>
<li>easily ingest documents, audio, video, datasets and their corresponding Dublin Core
metadata
</li>
<li>open up this content to local and global audiences, thanks to the OAI-PMH interface and
Google Scholar optimizations
</li>
<li>issue permanent urls and trustworthy identifiers, including optional integrations with
handle.net and DataCite DOI
</li>
</ul>
<p>Join an international community of <A HREF="https://wiki.duraspace.org/display/DSPACE/DSpace+Positioning" TARGET="_NEW">leading institutions using DSpace</A>.</p>
</div>
<small class="credits">Photo by <a href="https://www.pexels.com/@inspiredimages">Anthony</a></small>
</div>
\ No newline at end of file
@import '../../../../styles/variables.scss';
@import '../../../../styles/mixins.scss';
:host-context(.mantis) {
$home-news-link-color: $green !default;
$home-news-link-color: darken($home-news-link-color, 15%) !default;
:host-context(.preview-release) {
div.background-image {
color: white;
background-color: #2e80a3;
position: relative;
background-position-y: -200px;
background-image: url('/assets/images/banner.jpg');
background-size: cover;
@media screen and (max-width: map-get($grid-breakpoints, lg)) {
background-position-y: 0;
}
.container {
position: relative;
text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6);
&:before, &:after {
content: '';
display: block;
width: $banner-background-gradient-width;
height: 100%;
top: 0;
position: absolute;
}
&:before {
background: linear-gradient(to left, $banner-text-background, transparent);
left: -$banner-background-gradient-width;
}
&:after {
background: linear-gradient(to right, $banner-text-background, transparent);
right: -$banner-background-gradient-width;
}
background-color: $banner-text-background;
.jumbotron {
background-color: transparent;
}
}
.jumbotron {
background-color: transparent;
}
a {
color: $home-news-link-color;
small.credits {
a {
color: inherit;
}
opacity: 0.3;
position: absolute;
right: 5px;
bottom: 0;
}
@include hover {
color: $home-news-link-color;
}
}
}
<div class="background-image">
<div class="container">
<div class="jumbotron jumbotron-fluid">
<div class="d-flex flex-wrap">
<div>
<h1 class="display-3">DSpace 7</h1>
<p class="lead">DSpace is the world leading open source repository platform that enables organisations to:</p>
</div>
</div>
<ul>
<li>easily ingest documents, audio, video, datasets and their corresponding Dublin Core metadata
</li>
<li>open up this content to local and global audiences, thanks to the OAI-PMH interface and Google Scholar optimizations
</li>
<li>issue permanent urls and trustworthy identifiers, including optional integrations with handle.net and DataCite DOI</li>
</ul>
</div>
</div>
<small class="credits">Photo by <a href="https://www.pexels.com/@inspiredimages">Anthony</a></small>
</div>
\ No newline at end of file
@import '../../../../styles/variables.scss';
:host-context(.preview-release) {
div.background-image {
color: white;
background-color: #2e80a3;
position: relative;
background-position-y: -200px;
background-image: url('/assets/images/banner.jpg');
background-size: cover;
@media screen and (max-width: map-get($grid-breakpoints, lg)) {
background-position-y: 0;
}
.container {
position: relative;
text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6);
&:before, &:after {
content: '';
display: block;
width: $banner-background-gradient-width;
height: 100%;
top: 0;
position: absolute;
}
&:before {
background: linear-gradient(to left, $banner-text-background, transparent);
left: -$banner-background-gradient-width;
}
&:after {
background: linear-gradient(to right, $banner-text-background, transparent);
right: -$banner-background-gradient-width;
}
background-color: $banner-text-background;
.jumbotron {
background-color: transparent;
}
}
small.credits {
a {
color: inherit;
}
opacity: 0.3;
position: absolute;
right: 5px;
bottom: 0;
}
}
}
\ No newline at end of file
<div class="background-image">
<div class="container">
<ds-home-news></ds-home-news>
<ds-search-form class="d-block pb-3" [inPlaceSearch]="false" [large]="true" [brandColor]="'success'"></ds-search-form>
</div>
<small class="credits">Photo by <a href="https://www.pexels.com/@inspiredimages">@inspiredimages</a></small>
</div>
<div class="container pt-3">
<ds-top-level-community-list></ds-top-level-community-list>
<ds-home-news></ds-home-news>
<div class="container">
<ds-search-form class="d-block pt-4 pb-3"></ds-search-form>
<ds-top-level-community-list></ds-top-level-community-list>
</div>
<ds-home-news></ds-home-news>
<div class="container">
<ds-search-form class="d-block pt-4 pb-3"></ds-search-form>
<ds-top-level-community-list></ds-top-level-community-list>
</div>
:host-context(.preview-release) {
}
\ No newline at end of file
@import '../../../../../../styles/variables.scss';
:host-context(.preview-release) {
::ng-deep .noUi-connect {
background: $info;
}
}
\ No newline at end of file
......@@ -2,6 +2,6 @@
<div (click)="toggle()" class="filter-name"><h5 class="d-inline-block mb-0">{{'search.filters.filter.' + filter.name + '.head'| translate}}</h5> <span class="filter-toggle fas float-right text-info"
[ngClass]="(collapsed$ | async) ? 'fa-caret-down' : 'fa-caret-up'"></span></div>
<div [@slide]="(collapsed$ | async) ? 'collapsed' : 'expanded'" (@slide.start)="startSlide($event)" (@slide.done)="finishSlide($event)" class="search-filter-wrapper" [ngClass]="{'closed' : closed}">
<ds-search-facet-filter-wrapper [filterConfig]="filter" [inPlaceSearch]="inPlaceSearch"></ds-search-facet-filter-wrapper>
<ds-search-facet-filter-wrapper [filterConfig]="filter"></ds-search-facet-filter-wrapper>
</div>
</div>
\ No newline at end of file
<div class="facet-filter d-block mb-3 px-3 py-2" *ngIf="active$ | async">
<div (click)="toggle()" class="filter-name"><h5 class="d-inline-block mb-0">{{'search.filters.filter.' + filter.name + '.head'| translate}}</h5> <span class="filter-toggle fas float-right text-info"
[ngClass]="(collapsed$ | async) ? 'fa-caret-down' : 'fa-caret-up'"></span></div>
<div [@slide]="(collapsed$ | async) ? 'collapsed' : 'expanded'" (@slide.start)="startSlide($event)" (@slide.done)="finishSlide($event)" class="search-filter-wrapper" [ngClass]="{'closed' : closed}">
<ds-search-facet-filter-wrapper [filterConfig]="filter"></ds-search-facet-filter-wrapper>
</div>
</div>
\ No newline at end of file
@import '../../../../../styles/variables.scss';
@import '../../../../../styles/mixins.scss';
:host-context(.preview-release) .facet-filter {
background-color: map-get($theme-colors, light);
border-radius: $border-radius;
h5 {
font-size: 1.1rem
}
}
<h3>{{"search.filters.head" | translate}}</h3>
<div *ngIf="(filters | async)?.hasSucceeded">
<div *ngFor="let filter of (filters | async)?.payload">
<ds-search-filter [filter]="filter" [inPlaceSearch]="inPlaceSearch"></ds-search-filter>
<ds-search-filter [filter]="filter"></ds-search-filter>
</div>
</div>
<a class="btn btn-primary" [routerLink]="[getSearchLink()]" [queryParams]="clearParams | async" queryParamsHandling="merge" role="button">{{"search.filters.reset" | translate}}</a>
<a class="btn btn-primary" [routerLink]="[getSearchLink()]" [queryParams]="clearParams | async" queryParamsHandling="merge" role="button">{{"search.filters.reset" | translate}}</a>
\ No newline at end of file
<h3>{{"search.filters.head" | translate}}</h3>
<div *ngIf="(filters | async)?.hasSucceeded">
<div *ngFor="let filter of (filters | async)?.payload">
<ds-search-filter [filter]="filter"></ds-search-filter>
</div>
</div>
<a class="btn btn-primary" [routerLink]="[getSearchLink()]" [queryParams]="clearParams | async" queryParamsHandling="merge" role="button">{{"search.filters.reset" | translate}}</a>
\ No newline at end of file
<ng-container *ngVar="(searchOptions$ | async) as config">
<h3>{{ 'search.sidebar.settings.title' | translate}}</h3>
<div *ngIf="config?.sort" class="setting-option result-order-settings mb-3 px-3 py-2">
<h5 class="mb-0">{{ 'search.sidebar.settings.sort-by' | translate}}</h5>
<select class="form-control my-2" (change)="reloadOrder($event)">
<option *ngFor="let sortOption of searchOptionPossibilities"
[value]="sortOption.field + ',' + sortOption.direction.toString()"
[selected]="sortOption.field === config?.sort.field && sortOption.direction === (config?.sort.direction)? 'selected': null">
{{'sorting.' + sortOption.field + '.' + sortOption.direction | translate}}
</option>
</select>
</div>
<div class="setting-option page-size-settings mb-3 px-3 py-2">
<h5 class="mb-0">{{ 'search.sidebar.settings.rpp' | translate}}</h5>
<select class="form-control my-2" (change)="reloadRPP($event)">
<option *ngFor="let pageSizeOption of config?.pagination.pageSizeOptions"
[value]="pageSizeOption"
[selected]="pageSizeOption === +config?.pagination.pageSize ? 'selected': null">
{{pageSizeOption}}
</option>
</select>
</div>
</ng-container>
\ No newline at end of file
@import '../../../../styles/variables.scss';
:host-context(.preview-release) .setting-option {
background-color: map-get($theme-colors, light);
border-radius: $border-radius;
h5 {
font-size: 1.1rem
}
}
<div class="outer-wrapper preview-release">
<div class="outer-wrapper mantis">
<ds-admin-sidebar></ds-admin-sidebar>
<div class="inner-wrapper" [@slideSidebarPadding]="{
value: (!(sidebarVisible | async) ? 'hidden' : (slideSidebarOver | async) ? 'shown' : 'expanded'),
......
@import '../../../styles/variables.scss';
:host-context(.preview-release) {
::ng-deep a {
//color: $dark;
}
}
\ No newline at end of file
<nav [ngClass]="{'open': !(menuCollapsed | async)}"
[@slideMobileNav]="!(windowService.isXsOrSm() | async) ? 'default' : ((menuCollapsed | async) ? 'collapsed' : 'expanded')"
class="navbar navbar-light navbar-expand-md p-md-0 navbar-container"> <!-- TODO remove navbar-container class when https://github.com/twbs/bootstrap/issues/24726 is fixed -->
<div class="container">
<div class="reset-padding-md w-100">
<div id="collapsingNav">
<ul class="navbar-nav mr-auto shadow-none">
<ng-container *ngFor="let section of (sections | async)">
<ng-container
*ngComponentOutlet="sectionComponents.get(section.id); injector: sectionInjectors.get(section.id);"></ng-container>
</ng-container>
</ul>
</div>
</div>
</div>
</nav>
@import '../../../styles/variables.scss';
:host-context(.preview-release) {
nav.navbar {
border-bottom: 5px $green solid;
}
}
<form #form="ngForm" (ngSubmit)="onSubmit(form.value)" class="row" action="/search">
<div *ngIf="isNotEmpty(scopes)" class="col-12 col-sm-3">
<select [(ngModel)]="scope" name="scope" class="form-control" aria-label="Search scope" (change)="onScopeChange($event.target.value)">
<option value>{{'search.form.search_dspace' | translate}}</option>
<option *ngFor="let scopeOption of scopes" [value]="scopeOption.id">{{scopeOption?.name ? scopeOption.name : 'search.form.search_dspace' | translate}}</option>
</select>
</div>
<div [ngClass]="{'col-sm-9': isNotEmpty(scopes)}" class="col-12">
<div class="form-group input-group">
<input type="text" [(ngModel)]="query" name="query" class="form-control" aria-label="Search input">
<span class="input-group-append">
<button type="submit" class="search-button btn btn-primary">{{ ('search.form.search' | translate) }}</button>
</span>
</div>
</div>
</form>
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment