From 6601ec041e95ee36cdac144952d3ba18dddc5bb2 Mon Sep 17 00:00:00 2001 From: Peder Bergebakken Sundt Date: Thu, 9 Aug 2018 00:41:54 +0200 Subject: [PATCH] Make list of projects look nice. Added Drift and Styret on the top --- www/css/projects.css | 76 ++++++++++++++++++++++++---------------- www/prosjekt/drift.html | 31 ---------------- www/prosjekt/index.php | 63 +++++++++++++++++++++++++++------ www/prosjekt/styret.html | 31 ---------------- 4 files changed, 99 insertions(+), 102 deletions(-) delete mode 100644 www/prosjekt/drift.html delete mode 100644 www/prosjekt/styret.html diff --git a/www/css/projects.css b/www/css/projects.css index 31c168d..db2631b 100644 --- a/www/css/projects.css +++ b/www/css/projects.css @@ -1,14 +1,19 @@ .project-card { position: relative; - display: inline-block; - vertical-align: top; - border-radius: 4px; - width: 18em; - height: 8em; - padding: 0; - margin: 0 1em 1em 0; - border: 1px solid #002244; - box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); + box-sizing: border-box; + border-radius: 0.3em; + border: 0 solid #048; + border-left-width: 0.7em; + box-shadow: 0.1em 0.2em 0.5em 0em rgba(0,0,0,0.3); + overflow: hidden; + top:0; + min-height: 6em; + margin:0; + height: 100%; +} + +.project-card:hover { + box-shadow: 0.1em 0.2em 0.5em 0em rgba(0,0,0,0.5); } .project-title { @@ -19,50 +24,61 @@ .card-content { display: block; - overflow: hidden; - margin: 0; - padding: .6em; - height: 4.3em; + margin: .6em; + margin-bottom: 0; } .card-content p { - height: 2.5em; - overflow: hidden; line-height: 1.25em; } -.project-organizer { - position: absolute; - bottom: 0; - left: 0; - right: 0; - margin: 0; - padding: .3em .6em; - border-top: 1px solid #002244; - font-size: .8em; -} - .card-content * { margin-top: 0; } -.projects-divider { - border: 0; - margin-bottom: 2em; +.project-organizer { + position: absolute; + bottom: 0; + right: 0; + margin: 0; + font-size: .8em; + text-align: right; + font-style: italic; + opacity: 0.5; + padding: 0.1em 0.4em; } +.projects-container { + margin-top: 2em; + margin-bottom: 3em; + display: grid; + grid-template-columns: 1fr; + grid-column-gap: 0.5em; + grid-row-gap: 1.3em; +} + +@media screen and (min-width: 60em) { + .projects-container { + grid-template-columns: 1fr 1fr; + } +} + + .contentsplit { display: grid; grid-template-columns: 1.3fr 2.7fr; + grid-template-areas: "left right"; } .gridl { padding: 0 1em 0 1em; box-shadow: 0 2px 10px 0 rgba(0,0,0,0.2); + grid-area: left; } .gridr { border-left: 0; + grid-area: right; } .projectmember { @@ -103,4 +119,4 @@ display: inline-block; } -} \ No newline at end of file +} diff --git a/www/prosjekt/drift.html b/www/prosjekt/drift.html deleted file mode 100644 index 847fcff..0000000 --- a/www/prosjekt/drift.html +++ /dev/null @@ -1,31 +0,0 @@ - - -Driftverkstedet - - - - - - -
Drift­verk­stedet
- -
- -
-

Drift

- -

- Hei -

-

- -
- - diff --git a/www/prosjekt/index.php b/www/prosjekt/index.php index 32828b1..e177f42 100644 --- a/www/prosjekt/index.php +++ b/www/prosjekt/index.php @@ -5,7 +5,6 @@ $translation = ['i dag', 'i morgen', 'denne uka', 'neste uke', 'denne måneden', $projectManager = new \pvv\side\ProjectManager($pdo); $projects = $projectManager->getAll(); ?> - @@ -26,21 +25,60 @@ $projects = $projectManager->getAll();
-

Prosjekter

+

Projekter

+

+ PVV er et kult miljø der du kan bli med på mye rart. + På denne siden har vi en liten oversikt over forskjellige prosjekter og organer i PVV. +

+
+
+

Faste poster

+
+
+
+

Styret

+

+ Styret har ansvaret for den daglige driften av PVV, og har myndighet som gitt i PVVs lover. + Lederen for PVV velges om høsten og sitter i et år. Resten av styret velges for et halvår om + gangen, selv om praksis er at bare mindre justeringer gjøres i vårsemesteret. +

+

Organisert av Styreleder

+
+
+
+
+

Drift

+

+ Drift har ansvaret for å drive maskinene på PVV. + Driftsgruppen har ingen strenge krav til aktivitet eller erfaring for å bli medlem, + så selv om du er ny i virket går det fint an å bare observere og absorbere i begynnelsen. + Vi vil gjøre vårt beste for å gi god hjelp og service til våre brukere. +

+

Organisert av Driftskordinator

+
+
+ +
+ +

Medlems-prosjekter

PVV har for øyeblikket ingen aktive prosjekter. Tenker du at noe bør gjøres? Har du en kul ide for noe PVV kan samarbeide om? Sett opp et prosjekt!


- Lag prosjekt - Mine prosjekter +
+ Lag prosjekt + Mine prosjekter +
+
-

Lyst til å gjøre noe kult? Her er et utvalg av de prosjektene som PVVere har laget. Mangler det noe, eller brenner du for noe annet? Sett opp et eget prosjekt!

- Lag prosjekt - Mine prosjekter -
+

+ Lyst til å gjøre noe kult? Her er et utvalg av de prosjektene som PVVere har holder på med. Mangler det noe, eller brenner du for noe annet?
+ Sett opp et eget prosjekt da vel! +

+
getAll();

getName(); ?>

-

getDescription()[0]; ?>

+

',array_slice($project->getDescription(), 0, 2)); ?>

-

Organisert av

+

Organisert av

+
+
+ Lag prosjekt + Mine prosjekter +
diff --git a/www/prosjekt/styret.html b/www/prosjekt/styret.html deleted file mode 100644 index 7f48c0e..0000000 --- a/www/prosjekt/styret.html +++ /dev/null @@ -1,31 +0,0 @@ - - -Styreverkstedet - - - - - - -
Styre­verk­stedet
- -
- -
-

Styret

- -

- Hei -

-

- -
- -