mirror of
https://gitlab.com/openstapps/openstapps.git
synced 2026-01-19 16:13:06 +00:00
refactor: layout detail adjustments
refactor: increase contrast of toolbar fav button refactor: remove non working localization for news refactor: equalize tab bar in top toolbar refactor: padding on map buttons and rename them refactor: repair profile card alignments for safari refactor: fix dashboard resize behavior on safari refactor: make title card button reachable again refactor: put card hover in media query refactor: realign schedule view toolbar refactor: adjust toolbar heights refactor: introduce proper header logo
This commit is contained in:
Rainer Killinger
committed by
Thea Schöbl
Thea Schöbl
parent
ebdc14d3c3
commit
f3cf3b30e3
@@ -6,21 +6,23 @@
|
||||
<!--TODO: read this from the config (menu item title)-->
|
||||
<ion-title>{{ 'catalog.title' | translate | titlecase }}</ion-title>
|
||||
</ion-toolbar>
|
||||
<ion-toolbar color="primary" mode="md">
|
||||
<ion-segment
|
||||
(ionChange)="segmentChanged($event)"
|
||||
[value]="selectedSemesterUID"
|
||||
mode="md"
|
||||
>
|
||||
<ion-segment-button
|
||||
*ngFor="let semester of availableSemesters"
|
||||
[value]="semester.uid"
|
||||
>
|
||||
<ion-label>{{ semester.acronym }}</ion-label>
|
||||
</ion-segment-button>
|
||||
</ion-segment>
|
||||
</ion-toolbar>
|
||||
</ion-header>
|
||||
|
||||
<ion-content>
|
||||
<ion-segment
|
||||
(ionChange)="segmentChanged($event)"
|
||||
[value]="selectedSemesterUID"
|
||||
mode="md"
|
||||
>
|
||||
<ion-segment-button
|
||||
*ngFor="let semester of availableSemesters"
|
||||
[value]="semester.uid"
|
||||
>
|
||||
<ion-label>{{ semester.acronym }}</ion-label>
|
||||
</ion-segment-button>
|
||||
</ion-segment>
|
||||
<ion-list *ngIf="catalogs && catalogs.length > 0">
|
||||
<ion-item
|
||||
*ngFor="let catalog of catalogs"
|
||||
|
||||
@@ -7,3 +7,9 @@ ion-segment-button {
|
||||
.margin-top {
|
||||
margin-top: 20vh;
|
||||
}
|
||||
|
||||
ion-toolbar.in-toolbar {
|
||||
&:last-of-type {
|
||||
padding: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,13 +1,4 @@
|
||||
<ion-header>
|
||||
<ion-toolbar class="ion-hide-md-up">
|
||||
<ion-label slot="start">{{
|
||||
'dashboard.header.title' | daytimeKey | translate
|
||||
}}</ion-label>
|
||||
<ion-img src="assets/imgs/logo.png" class="logo"></ion-img>
|
||||
</ion-toolbar>
|
||||
</ion-header>
|
||||
|
||||
<ion-content>
|
||||
<div class="schedule">
|
||||
<a [routerLink]="['/schedule/recurring']">
|
||||
<ion-icon name="layout-grid"></ion-icon>
|
||||
@@ -35,7 +26,9 @@
|
||||
<ion-label>{{ 'dashboard.schedule.noEventLink' | translate }}</ion-label>
|
||||
</a>
|
||||
</div>
|
||||
</ion-header>
|
||||
|
||||
<ion-content>
|
||||
<div class="scrollable-container">
|
||||
<stapps-navigation-section></stapps-navigation-section>
|
||||
<stapps-search-section></stapps-search-section>
|
||||
|
||||
@@ -44,7 +44,7 @@ ion-content {
|
||||
.scrollable-container {
|
||||
overflow: hidden auto;
|
||||
height: 100%;
|
||||
padding-top: 160px;
|
||||
padding-top: 122px;
|
||||
|
||||
@media (max-width: 440px) {
|
||||
padding-top: 140px;
|
||||
@@ -52,7 +52,7 @@ ion-content {
|
||||
|
||||
@include ion-md-up {
|
||||
padding-top: 0;
|
||||
padding-bottom: 160px;
|
||||
padding-bottom: 122px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -100,10 +100,10 @@ ion-content {
|
||||
a:first-child {
|
||||
border: 2px solid var(--ion-color-primary-tint);
|
||||
text-align: center;
|
||||
flex: 1 1 auto;
|
||||
flex: 0 0 auto;
|
||||
aspect-ratio: 1;
|
||||
box-sizing: content-box;
|
||||
max-height: 100px;
|
||||
max-height: 60px;
|
||||
|
||||
@include phoneLandscape {
|
||||
height: auto;
|
||||
|
||||
@@ -2,6 +2,11 @@
|
||||
ion-card-header {
|
||||
font-weight: bold;
|
||||
}
|
||||
stapps-favorite-button {
|
||||
ion-icon {
|
||||
color: var(--ion-color-light);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
::ng-deep {
|
||||
|
||||
@@ -35,13 +35,14 @@
|
||||
{{ 'description' | thingTranslate: item }}
|
||||
</div>
|
||||
</div>
|
||||
<ion-button
|
||||
expand="full"
|
||||
fill="clear"
|
||||
color="light"
|
||||
*ngIf="item.description && buttonShown"
|
||||
(click)="toggleDescriptionAccordion()"
|
||||
>
|
||||
<ion-icon [name]="buttonState" size="large"></ion-icon>
|
||||
</ion-button>
|
||||
</ion-card-content>
|
||||
</ion-card>
|
||||
<ion-button
|
||||
expand="full"
|
||||
fill="clear"
|
||||
*ngIf="item.description && buttonShown"
|
||||
(click)="toggleDescriptionAccordion()"
|
||||
>
|
||||
<ion-icon [name]="buttonState" size="large"></ion-icon>
|
||||
</ion-button>
|
||||
|
||||
@@ -57,7 +57,7 @@ export class TitleCardComponent implements OnInit, OnChanges {
|
||||
ngOnInit(): void {
|
||||
if (this.item.description) {
|
||||
this.descriptionLinesToDisplay = this.descriptionPreviewLines;
|
||||
setTimeout(() => this.checkTextElipsis(), 0);
|
||||
setTimeout(() => this.checkTextElipsis(), 100);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -36,9 +36,7 @@
|
||||
<stapps-simple-card
|
||||
*ngIf="item.datePublished"
|
||||
class="date-published"
|
||||
content="{{ 'news.publishedOn' | translate | titlecase }} {{
|
||||
item.datePublished | amCalendar | sentencecase
|
||||
}}"
|
||||
content="{{ item.datePublished | amCalendar | sentencecase }}"
|
||||
></stapps-simple-card>
|
||||
<stapps-simple-card content="{{ item.messageBody }}"></stapps-simple-card>
|
||||
<ion-card *ngIf="item.sameAs">
|
||||
|
||||
@@ -5,6 +5,7 @@ ion-segment-button {
|
||||
ion-segment {
|
||||
justify-content: space-between;
|
||||
overflow: auto;
|
||||
height: 50px;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
width: 0;
|
||||
|
||||
@@ -18,7 +18,7 @@
|
||||
>
|
||||
</ion-searchbar>
|
||||
</ion-toolbar>
|
||||
<ion-toolbar color="primary" class="category-tab" mode="ios">
|
||||
<ion-toolbar color="primary" class="category-tab">
|
||||
<ion-buttons class="ion-justify-content-between">
|
||||
<ion-button
|
||||
[routerLink]="['/search/' + (queryText || '')]"
|
||||
|
||||
@@ -96,6 +96,7 @@ div.map-buttons.above {
|
||||
}
|
||||
div.floating-content {
|
||||
justify-content: normal;
|
||||
padding: 0 var(--spacing-md) var(--spacing-lg);
|
||||
stapps-map-item {
|
||||
display: grid;
|
||||
width: 100%;
|
||||
|
||||
@@ -14,7 +14,7 @@
|
||||
[routerLink]="['/']"
|
||||
[routerDirection]="'root'"
|
||||
>
|
||||
<ion-img src="assets/imgs/logo.png" class="logo"></ion-img>
|
||||
<ion-img src="assets/imgs/header.svg" class="logo"></ion-img>
|
||||
</ion-title>
|
||||
</ion-toolbar>
|
||||
</ion-header>
|
||||
|
||||
@@ -11,12 +11,12 @@
|
||||
<section class="user-card-wrapper">
|
||||
<ion-card class="user-card">
|
||||
<ion-card-header>
|
||||
<ion-img src="assets/imgs/logo.png"></ion-img>
|
||||
<ion-img src="assets/imgs/header.svg"></ion-img>
|
||||
<span>
|
||||
{{
|
||||
userInfo?.role
|
||||
? (userInfo?.role | uppercase)
|
||||
: ('profile.role_guest' | translate | uppercase)
|
||||
? (userInfo?.role | titlecase)
|
||||
: ('profile.role_guest' | translate | titlecase)
|
||||
}}
|
||||
</span>
|
||||
</ion-card-header>
|
||||
|
||||
@@ -44,6 +44,7 @@
|
||||
ion-img {
|
||||
display: block;
|
||||
height: 36px;
|
||||
object-position: left 50%;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
@@ -63,6 +64,9 @@
|
||||
position: absolute;
|
||||
opacity: 0.13;
|
||||
height: 100%;
|
||||
width: 50%;
|
||||
margin-left: calc(var(--spacing-md) * -4);
|
||||
object-position: left 50%;
|
||||
}
|
||||
|
||||
.main-info {
|
||||
|
||||
@@ -32,7 +32,6 @@
|
||||
font-size: var(--font-size-md);
|
||||
font-weight: var(--font-weight-bold);
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
background-color: var(--ion-color-primary-contrast);
|
||||
z-index: 3;
|
||||
|
||||
|
||||
@@ -34,12 +34,7 @@
|
||||
</ion-buttons>
|
||||
</ion-toolbar>
|
||||
<ion-toolbar color="primary" mode="md" class="tabs-toolbar">
|
||||
<ion-segment
|
||||
#segment
|
||||
class="tabs"
|
||||
value="calendar"
|
||||
(ionChange)="onSegmentChange()"
|
||||
>
|
||||
<ion-segment #segment value="calendar" (ionChange)="onSegmentChange()">
|
||||
<ion-segment-button value="calendar">
|
||||
<ion-label>{{ 'schedule.calendar' | translate }}</ion-label>
|
||||
</ion-segment-button>
|
||||
|
||||
@@ -71,5 +71,12 @@ div {
|
||||
}
|
||||
|
||||
ion-segment-button {
|
||||
max-width: 100%;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
ion-toolbar.in-toolbar {
|
||||
&:last-of-type {
|
||||
padding: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -206,7 +206,7 @@
|
||||
"placeholder": "Gebäude, Points of Interest, Mensen und mehr"
|
||||
},
|
||||
"buttons": {
|
||||
"SHOW_LIST": "Liste ansehen",
|
||||
"SHOW_LIST": "Als Liste ansehen",
|
||||
"MORE": "Mehr"
|
||||
},
|
||||
"geolocation": {
|
||||
@@ -320,8 +320,7 @@
|
||||
}
|
||||
},
|
||||
"news": {
|
||||
"title": "Aktuelles",
|
||||
"publishedOn": "News vom"
|
||||
"title": "Aktuelles"
|
||||
},
|
||||
"canteens": {
|
||||
"title": "Mensa"
|
||||
|
||||
@@ -206,7 +206,7 @@
|
||||
"placeholder": "Buildings, points of interests, canteens and more"
|
||||
},
|
||||
"buttons": {
|
||||
"SHOW_LIST": "Show list",
|
||||
"SHOW_LIST": "Show as list",
|
||||
"MORE": "More"
|
||||
},
|
||||
"geolocation": {
|
||||
@@ -320,8 +320,7 @@
|
||||
}
|
||||
},
|
||||
"news": {
|
||||
"title": "News",
|
||||
"publishedOn": "News of"
|
||||
"title": "News"
|
||||
},
|
||||
"canteens": {
|
||||
"title": "Canteens"
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 2.5 KiB |
197
src/assets/imgs/header.svg
Normal file
197
src/assets/imgs/header.svg
Normal file
@@ -0,0 +1,197 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
version="1.1"
|
||||
id="svg2"
|
||||
xml:space="preserve"
|
||||
width="602.47998"
|
||||
height="324.32001"
|
||||
viewBox="0 0 602.47998 324.32001"
|
||||
sodipodi:docname="header.svg"
|
||||
inkscape:version="1.2.1 (9c6d41e, 2022-07-14)"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"><metadata
|
||||
id="metadata8"><rdf:RDF><cc:Work
|
||||
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
|
||||
id="defs6"><linearGradient
|
||||
inkscape:collect="always"
|
||||
id="linearGradient5926"><stop
|
||||
style="stop-color:#e4a400;stop-opacity:1;"
|
||||
offset="0"
|
||||
id="stop5922" /><stop
|
||||
style="stop-color:#f7a20b;stop-opacity:1;"
|
||||
offset="1"
|
||||
id="stop5924" /></linearGradient><linearGradient
|
||||
id="linearGradient1558"><stop
|
||||
style="stop-color:#00c8cc;stop-opacity:1;"
|
||||
offset="0"
|
||||
id="stop3985" /><stop
|
||||
style="stop-color:#00aacc;stop-opacity:1;"
|
||||
offset="1"
|
||||
id="stop3987" /></linearGradient><linearGradient
|
||||
inkscape:collect="always"
|
||||
id="linearGradient3503"><stop
|
||||
style="stop-color:#e30e29;stop-opacity:1;"
|
||||
offset="0"
|
||||
id="stop3499" /><stop
|
||||
style="stop-color:#c50e1f;stop-opacity:1;"
|
||||
offset="1"
|
||||
id="stop3501" /></linearGradient><linearGradient
|
||||
id="linearGradient1558-1"><stop
|
||||
style="stop-color:#16f70b;stop-opacity:1;"
|
||||
offset="0"
|
||||
id="stop1562" /><stop
|
||||
style="stop-color:#3ee40b;stop-opacity:0.72941178;"
|
||||
offset="1"
|
||||
id="stop1564" /></linearGradient><linearGradient
|
||||
inkscape:collect="always"
|
||||
xlink:href="#linearGradient1558-1"
|
||||
id="linearGradient1560"
|
||||
x1="163.75954"
|
||||
y1="161.59152"
|
||||
x2="201.65245"
|
||||
y2="122.10752"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
gradientTransform="translate(-0.1467003,-0.58680121)" /><linearGradient
|
||||
inkscape:collect="always"
|
||||
xlink:href="#linearGradient3503"
|
||||
id="linearGradient3505"
|
||||
x1="162.21706"
|
||||
y1="187.50171"
|
||||
x2="247.46036"
|
||||
y2="272.08047"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
gradientTransform="translate(0.44010091,-0.1467003)" /><linearGradient
|
||||
inkscape:collect="always"
|
||||
xlink:href="#linearGradient1558"
|
||||
id="linearGradient3931"
|
||||
x1="134.69255"
|
||||
y1="160.14748"
|
||||
x2="26.188072"
|
||||
y2="51.411026"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
gradientTransform="translate(-0.14670027,0.14670031)" /><linearGradient
|
||||
inkscape:collect="always"
|
||||
xlink:href="#linearGradient5926"
|
||||
id="linearGradient5928"
|
||||
x1="72.09816"
|
||||
y1="250.78897"
|
||||
x2="134.70792"
|
||||
y2="187.41574"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
gradientTransform="translate(0.58680121,-0.1467003)" /></defs><sodipodi:namedview
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1"
|
||||
objecttolerance="10"
|
||||
gridtolerance="10"
|
||||
guidetolerance="10"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:window-width="1976"
|
||||
inkscape:window-height="1205"
|
||||
id="namedview4"
|
||||
showgrid="false"
|
||||
inkscape:zoom="1.2050193"
|
||||
inkscape:cx="251.03333"
|
||||
inkscape:cy="206.22077"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="25"
|
||||
inkscape:window-maximized="0"
|
||||
inkscape:current-layer="text4581"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
showguides="false" /><g
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1"
|
||||
inkscape:label="base"><g
|
||||
aria-label="Open
|
||||
StApps"
|
||||
id="text4581"
|
||||
style="font-size:89.3364px;line-height:1;font-family:'Avenir Next';-inkscape-font-specification:'Avenir Next';letter-spacing:0px;word-spacing:0px;display:inline;fill:#ffffff;stroke-width:2.23341;fill-opacity:1"
|
||||
inkscape:label="Open StApps Text"><path
|
||||
d="m 552.98925,277.22895 c 10.54169,0 17.59927,-5.09218 17.59927,-13.22179 0,-9.38032 -9.29099,-11.97108 -16.88458,-14.02582 -5.71753,-1.60805 -10.00568,-2.9481 -10.00568,-6.78956 0,-3.57346 3.66279,-5.6282 8.75497,-5.6282 5.98554,0 9.46966,2.76943 9.46966,6.07488 v 0.26801 c 0,0.53602 0.35734,0.89336 0.89336,0.89336 h 6.34289 c 0.53602,0 0.89336,-0.35734 0.89336,-0.89336 v -0.26801 c 0,-7.41492 -6.96824,-12.86444 -17.50993,-12.86444 -10.09502,0 -17.06326,4.9135 -17.06326,13.04311 0,9.20165 8.84431,11.97108 16.61657,14.11515 5.44952,1.51872 9.91634,2.76943 9.91634,6.6109 0,3.48412 -3.57345,6.16421 -9.11231,6.16421 -5.62819,0 -9.55899,-3.03744 -9.55899,-6.25355 v -0.44668 c 0,-0.53602 -0.35735,-0.89337 -0.89337,-0.89337 h -6.43222 c -0.53602,0 -0.89336,0.35735 -0.89336,0.89337 v 0.9827 c 0,6.78957 6.96824,12.23909 17.86728,12.23909 z"
|
||||
style="font-weight:500;font-family:Barlow;-inkscape-font-specification:'Barlow Medium';fill:#ffffff;fill-opacity:1"
|
||||
id="path214"
|
||||
inkscape:label="char-s" /><path
|
||||
d="m 525.20575,242.65576 c -2.59076,-7.50426 -8.21895,-12.14975 -16.97392,-12.14975 -4.10948,0 -7.8616,1.69739 -10.45236,4.73483 -0.26801,0.26801 -0.44668,0.0893 -0.44668,-0.17868 v -2.9481 c 0,-0.53602 -0.35735,-0.89336 -0.89337,-0.89336 h -6.78956 c -0.53602,0 -0.89337,0.35734 -0.89337,0.89336 v 60.74876 c 0,0.53602 0.35735,0.89336 0.89337,0.89336 h 6.78956 c 0.53602,0 0.89337,-0.35734 0.89337,-0.89336 V 272.9408 c 0,-0.26801 0.17867,-0.44668 0.44668,-0.17867 2.59076,2.9481 6.34288,4.64549 10.45236,4.64549 9.11231,0 14.74051,-4.73483 17.15259,-12.5071 0.9827,-3.12677 1.42938,-6.78956 1.42938,-10.8097 0,-4.37749 -0.53602,-8.12961 -1.60805,-11.43506 z m -9.91635,23.04879 c -1.69739,2.76943 -4.46682,4.28815 -7.95094,4.28815 -3.39478,0 -5.8962,-1.60806 -7.50425,-4.55616 -1.60806,-2.59075 -2.32275,-6.34288 -2.32275,-11.43506 0,-4.9135 0.62536,-8.66563 2.14407,-11.25639 1.60806,-3.03743 4.19882,-4.82416 7.77227,-4.82416 3.84147,0 6.8789,1.69739 8.48696,4.9135 1.42938,2.68009 2.23341,6.25355 2.23341,11.07771 0,5.27085 -1.07204,9.11232 -2.85877,11.79241 z"
|
||||
style="font-size:89.3364px;line-height:1;font-family:Barlow;-inkscape-font-specification:'Barlow Medium';letter-spacing:0px;word-spacing:0px;display:inline;fill:#ffffff;stroke-width:2.23341;fill-opacity:1;font-weight:500"
|
||||
id="path212"
|
||||
inkscape:label="char-p3" /><path
|
||||
d="m 475.35615,242.65576 c -2.59075,-7.50426 -8.21895,-12.14975 -16.97392,-12.14975 -4.10947,0 -7.8616,1.69739 -10.45235,4.73483 -0.26801,0.26801 -0.44669,0.0893 -0.44669,-0.17868 v -2.9481 c 0,-0.53602 -0.35734,-0.89336 -0.89336,-0.89336 h -6.78957 c -0.53602,0 -0.89336,0.35734 -0.89336,0.89336 v 60.74876 c 0,0.53602 0.35734,0.89336 0.89336,0.89336 h 6.78957 c 0.53602,0 0.89336,-0.35734 0.89336,-0.89336 V 272.9408 c 0,-0.26801 0.17868,-0.44668 0.44669,-0.17867 2.59075,2.9481 6.34288,4.64549 10.45235,4.64549 9.11232,0 14.74051,-4.73483 17.15259,-12.5071 0.9827,-3.12677 1.42939,-6.78956 1.42939,-10.8097 0,-4.37749 -0.53602,-8.12961 -1.60806,-11.43506 z m -9.91634,23.04879 c -1.69739,2.76943 -4.46682,4.28815 -7.95094,4.28815 -3.39478,0 -5.8962,-1.60806 -7.50426,-4.55616 -1.60805,-2.59075 -2.32274,-6.34288 -2.32274,-11.43506 0,-4.9135 0.62535,-8.66563 2.14407,-11.25639 1.60806,-3.03743 4.19881,-4.82416 7.77227,-4.82416 3.84146,0 6.8789,1.69739 8.48696,4.9135 1.42938,2.68009 2.23341,6.25355 2.23341,11.07771 0,5.27085 -1.07204,9.11232 -2.85877,11.79241 z"
|
||||
style="font-size:89.3364px;line-height:1;font-family:Barlow;-inkscape-font-specification:'Barlow Medium';letter-spacing:0px;word-spacing:0px;display:inline;fill:#ffffff;stroke-width:2.23341;fill-opacity:1;font-weight:500"
|
||||
id="path210"
|
||||
inkscape:label="char-p2" /><path
|
||||
d="m 422.46914,276.69293 h 7.23625 c 0.62535,0 0.89336,-0.35735 0.71469,-0.9827 l -19.65401,-60.83809 c -0.17867,-0.44669 -0.62535,-0.71469 -1.07204,-0.71469 h -9.02297 c -0.44669,0 -0.89337,0.268 -1.07204,0.71469 l -19.56467,60.83809 c -0.17868,0.62535 0.0893,0.9827 0.71469,0.9827 h 7.23625 c 0.44668,0 0.89336,-0.26801 1.07203,-0.71469 l 3.21611,-10.45236 c 0.0893,-0.26801 0.17868,-0.26801 0.35735,-0.26801 h 25.19287 c 0.17867,0 0.26801,0 0.35734,0.26801 l 3.21611,10.45236 c 0.17868,0.44668 0.62536,0.71469 1.07204,0.71469 z m -27.87296,-18.67131 10.27369,-33.05447 c 0.0893,-0.26801 0.44668,-0.26801 0.53602,0 l 10.45236,33.05447 c 0.0893,0.17867 -0.0893,0.44668 -0.35735,0.44668 h -20.54737 c -0.26801,0 -0.44669,-0.26801 -0.35735,-0.44668 z"
|
||||
style="font-size:89.3364px;line-height:1;font-family:Barlow;-inkscape-font-specification:'Barlow Medium';letter-spacing:0px;word-spacing:0px;display:inline;fill:#ffffff;stroke-width:2.23341;fill-opacity:1;font-weight:500"
|
||||
id="path208"
|
||||
inkscape:label="char-A" /><path
|
||||
d="m 375.92498,237.38491 v -5.27085 c 0,-0.53602 -0.35734,-0.89336 -0.89336,-0.89336 h -9.73767 c -0.17867,0 -0.35734,-0.17867 -0.35734,-0.35735 v -10.54169 c 0,-0.53602 -0.35735,-0.89337 -0.89337,-0.89337 h -6.43222 c -0.53602,0 -0.89336,0.35735 -0.89336,0.89337 v 10.54169 c 0,0.17868 -0.17868,0.35735 -0.35735,0.35735 h -5.44952 c -0.53602,0 -0.89336,0.35734 -0.89336,0.89336 v 5.27085 c 0,0.53602 0.35734,0.89336 0.89336,0.89336 h 5.44952 c 0.17867,0 0.35735,0.17868 0.35735,0.35735 v 26.71158 c 0,9.38033 5.36018,11.5244 13.66847,11.5244 1.34004,0 2.68009,-0.0893 4.10947,-0.17867 0.62535,0 0.89336,-0.35735 0.89336,-0.89337 v -5.53885 c 0,-0.53602 -0.35734,-0.89337 -0.89336,-0.89337 h -2.59076 c -4.73482,0 -6.96823,-1.9654 -6.96823,-7.05757 v -23.67415 c 0,-0.17867 0.17867,-0.35735 0.35734,-0.35735 h 9.73767 c 0.53602,0 0.89336,-0.35734 0.89336,-0.89336 z"
|
||||
style="font-size:89.3364px;line-height:1;font-family:Barlow;-inkscape-font-specification:'Barlow Medium';letter-spacing:0px;word-spacing:0px;display:inline;fill:#ffffff;stroke-width:2.23341;fill-opacity:1;font-weight:500"
|
||||
id="path206"
|
||||
inkscape:label="char-t" /><path
|
||||
d="m 323.66342,277.40762 c 13.4898,0 21.61941,-6.70023 21.61941,-17.06325 0,-10.89905 -9.46966,-14.82985 -19.386,-18.67131 -10.54169,-4.02014 -15.18718,-5.98554 -15.18718,-11.97108 0,-5.71753 4.19881,-8.8443 11.61373,-8.8443 9.02297,0 13.93648,4.82416 13.93648,10.8097 v 1.34005 c 0,0.53602 0.35734,0.89336 0.89336,0.89336 h 6.70023 c 0.53602,0 0.89336,-0.35734 0.89336,-0.89336 v -1.78673 c 0,-10.63103 -8.66563,-17.77795 -22.06609,-17.77795 -12.41776,0 -20.3687,6.07488 -20.3687,16.4379 0,10.89904 8.93364,14.4725 19.11799,18.4033 10.45236,4.19881 15.27653,6.70023 15.27653,12.32843 0,5.36018 -3.9308,9.38032 -12.41776,9.38032 -9.38032,0 -14.74051,-4.55616 -14.74051,-10.45236 v -2.14408 c 0,-0.53601 -0.35734,-0.89336 -0.89336,-0.89336 h -6.52156 c -0.53602,0 -0.89336,0.35735 -0.89336,0.89336 v 2.59076 c 0,10.5417 8.57629,17.4206 22.42343,17.4206 z"
|
||||
style="font-size:89.3364px;line-height:1;font-family:Barlow;-inkscape-font-specification:'Barlow Medium';letter-spacing:0px;word-spacing:0px;display:inline;fill:#ffffff;stroke-width:2.23341;fill-opacity:1;font-weight:500"
|
||||
id="path204"
|
||||
inkscape:label="char-S" /><path
|
||||
d="m 474.10557,132.21194 c -4.82416,0 -8.75496,1.51872 -11.43506,5.00284 -0.17867,0.26801 -0.35734,0.0893 -0.35734,-0.17867 v -3.30545 c 0,-0.53602 -0.35735,-0.89336 -0.89337,-0.89336 h -6.78956 c -0.53602,0 -0.89337,0.35734 -0.89337,0.89336 v 43.6855 c 0,0.53602 0.35735,0.89336 0.89337,0.89336 h 6.78956 c 0.53602,0 0.89337,-0.35734 0.89337,-0.89336 V 149.5432 c 0.0893,0 0.0893,-0.0893 0.0893,-0.53602 0.268,-5.62819 4.10947,-9.38032 9.55899,-9.38032 5.71753,0 9.46966,4.10948 9.46966,10.00568 v 27.78362 c 0,0.53602 0.35734,0.89336 0.89336,0.89336 h 6.78957 c 0.53602,0 0.89336,-0.35734 0.89336,-0.89336 v -29.48101 c 0,-9.64833 -6.16421,-15.72321 -15.90188,-15.72321 z"
|
||||
style="font-size:89.3364px;line-height:1;font-family:Barlow;-inkscape-font-specification:'Barlow Medium';letter-spacing:0px;word-spacing:0px;display:inline;fill:#ffffff;stroke-width:2.23341;fill-opacity:1;font-weight:500"
|
||||
id="path202"
|
||||
inkscape:label="char-n" /><path
|
||||
d="m 443.73132,149.90055 c -1.25071,-11.07772 -6.34289,-17.77795 -18.93932,-17.77795 -9.20165,0 -15.90188,5.18152 -18.04595,13.31113 -0.80403,2.76943 -0.9827,5.98554 -0.9827,9.91634 0,5.00284 0.71469,9.29098 2.14407,12.7751 2.85877,6.87891 8.66563,10.80971 17.4206,10.98838 7.8616,0.0893 14.29382,-3.21611 17.77794,-8.66563 0.26801,-0.44668 0.17868,-0.80403 -0.268,-1.16137 l -5.09218,-3.39479 c -0.44668,-0.268 -0.9827,-0.268 -1.25071,0.26801 -2.23341,3.48412 -5.62819,5.53886 -10.36302,5.44952 -6.07488,-0.0893 -10.00568,-2.9481 -11.25639,-7.59359 -0.35734,-1.07204 -0.53602,-2.68009 -0.53602,-4.64549 0,-0.26801 0.17868,-0.35735 0.35735,-0.35735 h 28.49831 c 0.53602,0 0.89336,-0.26801 0.89336,-0.89336 0.0893,-3.30545 0,-5.71753 -0.35734,-8.21895 z M 424.792,139.53753 c 5.44952,0 9.02298,3.12677 10.18435,7.68293 0.26801,0.9827 0.44668,2.59075 0.53602,4.37748 0,0.26801 -0.17867,0.35735 -0.35735,0.35735 h -20.45803 c -0.17867,0 -0.35735,-0.0893 -0.35735,-0.35735 0.0893,-1.9654 0.35735,-3.66279 0.80403,-5.00284 1.16137,-4.19881 4.46682,-7.05757 9.64833,-7.05757 z"
|
||||
style="font-size:89.3364px;line-height:1;font-family:Barlow;-inkscape-font-specification:'Barlow Medium';letter-spacing:0px;word-spacing:0px;display:inline;fill:#ffffff;stroke-width:2.23341;fill-opacity:1;font-weight:500"
|
||||
id="path200"
|
||||
inkscape:label="char-e" /><path
|
||||
d="m 394.95376,144.27236 c -2.59075,-7.50426 -8.21895,-12.14976 -16.97391,-12.14976 -4.10948,0 -7.86161,1.6974 -10.45236,4.73483 -0.26801,0.26801 -0.44669,0.0893 -0.44669,-0.17867 v -2.9481 c 0,-0.53602 -0.35734,-0.89336 -0.89336,-0.89336 h -6.78957 c -0.53601,0 -0.89336,0.35734 -0.89336,0.89336 v 60.74875 c 0,0.53602 0.35735,0.89337 0.89336,0.89337 h 6.78957 c 0.53602,0 0.89336,-0.35735 0.89336,-0.89337 V 174.5574 c 0,-0.26801 0.17868,-0.44669 0.44669,-0.17868 2.59075,2.9481 6.34288,4.6455 10.45236,4.6455 9.11231,0 14.7405,-4.73483 17.15258,-12.5071 0.98271,-3.12677 1.42939,-6.78957 1.42939,-10.80971 0,-4.37748 -0.53602,-8.12961 -1.60806,-11.43505 z m -9.91634,23.04879 c -1.69739,2.76943 -4.46682,4.28814 -7.95094,4.28814 -3.39478,0 -5.8962,-1.60805 -7.50426,-4.55615 -1.60805,-2.59076 -2.32274,-6.34289 -2.32274,-11.43506 0,-4.9135 0.62535,-8.66563 2.14407,-11.25639 1.60806,-3.03744 4.19881,-4.82416 7.77227,-4.82416 3.84146,0 6.8789,1.69739 8.48696,4.9135 1.42938,2.68009 2.23341,6.25355 2.23341,11.07771 0,5.27085 -1.07204,9.11231 -2.85877,11.79241 z"
|
||||
style="font-size:89.3364px;line-height:1;font-family:Barlow;-inkscape-font-specification:'Barlow Medium';letter-spacing:0px;word-spacing:0px;display:inline;fill:#ffffff;stroke-width:2.23341;fill-opacity:1;font-weight:500"
|
||||
id="path198"
|
||||
inkscape:label="char-p1" /><path
|
||||
d="m 325.18214,179.11355 c 13.40046,0 22.24477,-8.57629 22.24477,-21.44073 v -21.26207 c 0,-12.7751 -8.84431,-21.3514 -22.24477,-21.3514 -13.22179,0 -21.97675,8.5763 -21.97675,21.3514 v 21.26207 c 0,12.86444 8.75496,21.44073 21.97675,21.44073 z m 0,-7.41492 c -8.04027,0 -13.40046,-5.44952 -13.40046,-13.66847 v -21.70874 c 0,-8.30829 5.36019,-13.84715 13.40046,-13.84715 8.21895,0 13.66847,5.53886 13.66847,13.84715 v 21.70874 c 0,8.21895 -5.44952,13.66847 -13.66847,13.66847 z"
|
||||
style="font-size:89.3364px;line-height:1;font-family:Barlow;-inkscape-font-specification:'Barlow Medium';letter-spacing:0px;word-spacing:0px;display:inline;fill:#ffffff;stroke-width:2.23341;fill-opacity:1;font-weight:500"
|
||||
id="path196"
|
||||
inkscape:label="char-O" /></g>
|
||||
<g
|
||||
id="g8052"
|
||||
inkscape:label="Open StApps Logo"
|
||||
transform="translate(2)"><rect
|
||||
style="display:inline;fill:url(#linearGradient3505);fill-opacity:1;stroke-width:0.846071"
|
||||
id="rect174-3-9"
|
||||
width="94.810326"
|
||||
height="93.852631"
|
||||
x="158.12198"
|
||||
y="183.05562"
|
||||
ry="12"
|
||||
inkscape:label="rect-r" /><rect
|
||||
style="display:inline;fill:url(#linearGradient5928);fill-opacity:1;stroke-width:0.655633"
|
||||
id="rect174-3"
|
||||
width="73.469917"
|
||||
height="72.727791"
|
||||
x="66.732887"
|
||||
y="182.95305"
|
||||
ry="12"
|
||||
inkscape:label="rect-o" /><rect
|
||||
style="display:inline;fill:url(#linearGradient1560);fill-opacity:1;stroke-width:0.429;stroke-dasharray:none"
|
||||
id="rect174-2"
|
||||
width="48.057831"
|
||||
height="47.572399"
|
||||
x="158.18253"
|
||||
y="117.63289"
|
||||
ry="12"
|
||||
inkscape:label="rect-g" /><rect
|
||||
style="fill:url(#linearGradient3931);fill-opacity:1;stroke-width:1.06825"
|
||||
id="rect174"
|
||||
width="119.70746"
|
||||
height="118.49828"
|
||||
x="20.498953"
|
||||
y="46.71262"
|
||||
ry="12"
|
||||
inkscape:label="rect-b" /></g></g></svg>
|
||||
|
After Width: | Height: | Size: 17 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 18 KiB After Width: | Height: | Size: 12 KiB |
179
src/assets/imgs/open stapps logo.svg
Normal file
179
src/assets/imgs/open stapps logo.svg
Normal file
@@ -0,0 +1,179 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="512.0px"
|
||||
height="512.0px"
|
||||
viewBox="0 0 512.0 512.0"
|
||||
version="1.1"
|
||||
id="SVGRoot"
|
||||
sodipodi:docname="open stapps logo.svg"
|
||||
inkscape:version="1.2.1 (9c6d41e, 2022-07-14)"
|
||||
inkscape:export-filename="open stapps logo.png"
|
||||
inkscape:export-xdpi="12"
|
||||
inkscape:export-ydpi="12"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<sodipodi:namedview
|
||||
id="namedview8110"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#000000"
|
||||
borderopacity="0.25"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:document-units="px"
|
||||
showgrid="true"
|
||||
inkscape:zoom="1.2938725"
|
||||
inkscape:cx="459.08698"
|
||||
inkscape:cy="288.66833"
|
||||
inkscape:window-width="1885"
|
||||
inkscape:window-height="1205"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="25"
|
||||
inkscape:window-maximized="0"
|
||||
inkscape:current-layer="layer1">
|
||||
<inkscape:grid
|
||||
type="xygrid"
|
||||
id="grid8116" />
|
||||
</sodipodi:namedview>
|
||||
<defs
|
||||
id="defs8105">
|
||||
<linearGradient
|
||||
inkscape:collect="always"
|
||||
xlink:href="#linearGradient3503"
|
||||
id="linearGradient3505"
|
||||
x1="162.21706"
|
||||
y1="187.50171"
|
||||
x2="247.46036"
|
||||
y2="272.08047"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
gradientTransform="translate(0.44010091,-0.1467003)" />
|
||||
<linearGradient
|
||||
inkscape:collect="always"
|
||||
id="linearGradient3503">
|
||||
<stop
|
||||
style="stop-color:#e30e29;stop-opacity:1;"
|
||||
offset="0"
|
||||
id="stop3499" />
|
||||
<stop
|
||||
style="stop-color:#c50e1f;stop-opacity:1;"
|
||||
offset="1"
|
||||
id="stop3501" />
|
||||
</linearGradient>
|
||||
<linearGradient
|
||||
inkscape:collect="always"
|
||||
xlink:href="#linearGradient5926"
|
||||
id="linearGradient5928"
|
||||
x1="72.09816"
|
||||
y1="250.78897"
|
||||
x2="134.70792"
|
||||
y2="187.41574"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
gradientTransform="translate(0.58680121,-0.1467003)" />
|
||||
<linearGradient
|
||||
inkscape:collect="always"
|
||||
id="linearGradient5926">
|
||||
<stop
|
||||
style="stop-color:#e4a400;stop-opacity:1;"
|
||||
offset="0"
|
||||
id="stop5922" />
|
||||
<stop
|
||||
style="stop-color:#f7a20b;stop-opacity:1;"
|
||||
offset="1"
|
||||
id="stop5924" />
|
||||
</linearGradient>
|
||||
<linearGradient
|
||||
inkscape:collect="always"
|
||||
xlink:href="#linearGradient1558-1"
|
||||
id="linearGradient1560"
|
||||
x1="163.75954"
|
||||
y1="161.59152"
|
||||
x2="201.65245"
|
||||
y2="122.10752"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
gradientTransform="translate(-0.1467003,-0.58680121)" />
|
||||
<linearGradient
|
||||
id="linearGradient1558-1">
|
||||
<stop
|
||||
style="stop-color:#16f70b;stop-opacity:1;"
|
||||
offset="0"
|
||||
id="stop1562" />
|
||||
<stop
|
||||
style="stop-color:#3ee40b;stop-opacity:0.72941178;"
|
||||
offset="1"
|
||||
id="stop1564" />
|
||||
</linearGradient>
|
||||
<linearGradient
|
||||
inkscape:collect="always"
|
||||
xlink:href="#linearGradient1558"
|
||||
id="linearGradient3931"
|
||||
x1="134.69255"
|
||||
y1="160.14748"
|
||||
x2="26.188072"
|
||||
y2="51.411026"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
gradientTransform="translate(-0.14670027,0.14670031)" />
|
||||
<linearGradient
|
||||
id="linearGradient1558">
|
||||
<stop
|
||||
style="stop-color:#00c8cc;stop-opacity:1;"
|
||||
offset="0"
|
||||
id="stop3985" />
|
||||
<stop
|
||||
style="stop-color:#00aacc;stop-opacity:1;"
|
||||
offset="1"
|
||||
id="stop3987" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<g
|
||||
inkscape:label="Layer 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1">
|
||||
<g
|
||||
id="g8052"
|
||||
inkscape:label="Open StApps Logo"
|
||||
transform="matrix(2.2027819,0,0,2.2027819,-45.154721,-100.4331)">
|
||||
<rect
|
||||
style="display:inline;fill:url(#linearGradient3505);fill-opacity:1;stroke-width:0.846071"
|
||||
id="rect174-3-9"
|
||||
width="94.810326"
|
||||
height="93.852631"
|
||||
x="158.12198"
|
||||
y="183.05562"
|
||||
ry="12"
|
||||
inkscape:label="rect-r" />
|
||||
<rect
|
||||
style="display:inline;fill:url(#linearGradient5928);fill-opacity:1;stroke-width:0.655633"
|
||||
id="rect174-3"
|
||||
width="73.469917"
|
||||
height="72.727791"
|
||||
x="66.732887"
|
||||
y="182.95305"
|
||||
ry="12"
|
||||
inkscape:label="rect-o" />
|
||||
<rect
|
||||
style="display:inline;fill:url(#linearGradient1560);fill-opacity:1;stroke-width:0.429;stroke-dasharray:none"
|
||||
id="rect174-2"
|
||||
width="48.057831"
|
||||
height="47.572399"
|
||||
x="158.18253"
|
||||
y="117.63289"
|
||||
ry="12"
|
||||
inkscape:label="rect-g" />
|
||||
<rect
|
||||
style="fill:url(#linearGradient3931);fill-opacity:1;stroke-width:1.06825"
|
||||
id="rect174"
|
||||
width="119.70746"
|
||||
height="118.49828"
|
||||
x="20.498953"
|
||||
y="46.71262"
|
||||
ry="12"
|
||||
inkscape:label="rect-b" />
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 5.2 KiB |
@@ -11,8 +11,13 @@ app-root ion-toolbar.in-toolbar {
|
||||
--opacity: 1;
|
||||
padding: 0 var(--spacing-md) var(--spacing-md);
|
||||
|
||||
&:first-of-type{
|
||||
--padding-top: 0;
|
||||
--padding-bottom: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
&:last-of-type {
|
||||
padding-bottom: var(--spacing-md);
|
||||
--padding-top: 0;
|
||||
--padding-bottom: 0;
|
||||
}
|
||||
@@ -23,6 +28,13 @@ app-root ion-toolbar.in-toolbar {
|
||||
--box-shadow: none;
|
||||
}
|
||||
|
||||
ion-segment {
|
||||
&:last-of-type {
|
||||
--padding-bottom: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
ion-menu-button.filter {
|
||||
--padding-start: var(--spacing-lg);
|
||||
--padding-end: var(--spacing-lg);
|
||||
@@ -36,12 +48,8 @@ app-root ion-toolbar.in-toolbar {
|
||||
ion-title {
|
||||
font-weight: var(--font-weight-black);
|
||||
font-size: var(--font-size-lg);
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
ion-button {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
ion-menu-button {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
@@ -12,10 +12,12 @@
|
||||
box-shadow 250ms ease-in-out;
|
||||
}
|
||||
|
||||
a.card,
|
||||
.card.clickable {
|
||||
&:hover {
|
||||
transform: translate(-5px, -5px);
|
||||
box-shadow: var(--shadow-cards-hover);
|
||||
@media (hover: hover) {
|
||||
a.card,
|
||||
.card.clickable {
|
||||
&:hover {
|
||||
transform: translate(-5px, -5px);
|
||||
box-shadow: var(--shadow-cards-hover);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -136,7 +136,7 @@
|
||||
|
||||
--icon-stroke-width: 1.2;
|
||||
|
||||
--tablet-top-bar-height: 100px;
|
||||
--tablet-top-bar-height: 96px;
|
||||
|
||||
--ion-tabbar-height: 50px;
|
||||
|
||||
|
||||
Reference in New Issue
Block a user