From c6cd02486d69c7e6bd17f97a596ef7ed5935b7eb Mon Sep 17 00:00:00 2001
From: halworsen
Date: Mon, 13 Nov 2017 13:21:51 +0100
Subject: [PATCH 01/25] Redesign navbar and landing page
---
inc/navbar.php | 16 ++-
www/css/landing.css | 49 ++++++++
www/css/style.css | 287 +++++++++++++++-----------------------------
www/index.php | 153 +++++++++++------------
4 files changed, 229 insertions(+), 276 deletions(-)
create mode 100644 www/css/landing.css
diff --git a/inc/navbar.php b/inc/navbar.php
index 1f61c74..b10f523 100644
--- a/inc/navbar.php
+++ b/inc/navbar.php
@@ -1,22 +1,20 @@
\n";
+ $result = "\n";
$menuItems = [
'hjem' => '',
'kalender' => 'kalender',
'aktiviteter' => 'aktiviteter',
'prosjekter' => 'prosjekt',
'kontakt' => 'kontakt',
- 'wiki' => 'pvv',
+ 'wiki' => 'pvv'
];
foreach($menuItems as $caption => $link) {
- $result .= "\t\t'
- . ''
- . $caption
- . " \n"
+ $result .= "\t\t\t"
+ . "" . $caption . " \n"
;
}
- return $result . "\t \n";
+ return $result . "\t\t\n";
}
function loginBar($sp = 'default-sp') {
@@ -27,9 +25,9 @@ function loginBar($sp = 'default-sp') {
$attr = $as->getAttributes();
if($attr) {
$uname = $attr['uid'][0];
- $result .= "\tlogget inn som: " . htmlspecialchars($uname) . "
\n";
+ $result .= "\t\tlogget inn som: " . htmlspecialchars($uname) . "
\n";
} else {
- $result .= "\tgetLoginURL()) . "\">logg inn \n";
+ $result .= "\t\tgetLoginURL()) . "\">logg inn \n";
}
return $result;
diff --git a/www/css/landing.css b/www/css/landing.css
new file mode 100644
index 0000000..e9da5bc
--- /dev/null
+++ b/www/css/landing.css
@@ -0,0 +1,49 @@
+header {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ flex-direction: column;
+
+ margin-top: 50px;
+ padding: 2em 0;
+ width: 100vw;
+ height: 40vh;
+ background-color: #002244;
+ color: #fff;
+}
+
+header img {
+ width: 30vh;
+ height: 30vh;
+}
+
+main {
+ margin-top: 0;
+}
+
+.intro {
+ text-align: center;
+}
+
+.essentials {
+ margin: 1.8em 0;
+ padding: .2em 0;
+ list-style: none;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+.essentials li {
+ display: inline-block;
+}
+
+.essentials a {
+ margin: 0 2em;
+ height: 100%;
+}
+
+.essentials .join {
+ padding: 1em;
+ font-size: 1.2em;
+}
\ No newline at end of file
diff --git a/www/css/style.css b/www/css/style.css
index 7c5851a..696ff19 100644
--- a/www/css/style.css
+++ b/www/css/style.css
@@ -1,216 +1,119 @@
-nav ul {
+body {
+ overflow-y: scroll;
+ overflow-x: hidden;
+}
+
+* {
+ font-style: -apple-system, 'avenir next', avenir, roboto, noto, ubuntu, 'helvetica neue', helvetica, arial, sans-serif;
+}
+
+nav {
position: fixed;
+ z-index: 99;
top: 0;
- left: 0;
- right: 0;
- margin: .1em auto 0 auto;
- text-align: center;
- background: rgba(255,255,255,.8);
- margin: 0;
- z-index: 3;
-}
-nav li {
- display: inline-block;
- line-height: 3em;
- margin: auto 1em;
-}
-nav a {
- display: inline-block;
- margin: auto;
- color: gray;
- text-decoration: none;
-}
-nav li.active a {
- color: #048;
-}
-nav .login{
- position: fixed;
- top: .8em;
- right: .8em;
- margin: auto;
- z-index: 3;
- color: gray;
-}
-header {
- margin-top: 3rem;
- height: 16rem;
+ width: 100vw;
+ height: 50px;
+ background-color: #002244;
overflow: hidden;
- text-align: right;
- color: #fff;
- font-family: monospace;
- padding: 1rem;
- font-size: 4em;
- background: url('pvv-background.png') no-repeat 1% 50% #024;
- background-size: contain;
+
+ box-shadow: 0 0 5px #000;
}
-main {
- max-width: 60rem;
- margin: -7rem auto 0 auto;
+
+nav * {
+ background-color: #002244;
+ color: #fff;
+ margin: 0;
padding: 0;
}
-article {
- padding: .1rem 1rem 1rem 1rem;
- margin: 0 1rem 0 1rem;
- background: white;
- z-index: 2;
- position: relative;
-}
-article p {
- text-align: justify;
- hyphens: auto;
-}
-article:first-child {
- border-radius: .5rem .5rem 0 0;
-}
-main:before {
- content: " ";
- display: block;
- position: absolute;
- top: 16rem;
- left: 1rem;
- right: 1rem;
- margin: 0 auto;
- height: 8em;
- z-index: 1;
- max-width: 58rem;
- box-shadow: 0 -.2rem .15rem rgba(0,0,0,.3);
- border-radius: 0 0 .3em .3em;
- background: white;
+nav h2 {
+ display: inline-block;
+ position: fixed;
+ top: 0;
+ margin-left: .65em;
+
+ line-height: 5vh;
+
+ color: #002244;
}
-.split {
+nav img{
+ width: 50px;
+ height: 50px;
+}
+
+nav ul {
display: table;
- width: 100%;
table-layout: fixed;
- border-spacing: 1em;
+ position: fixed;
+ top: 0;
+ left: 15vw;
+ right: 15vw;
+ width: 70vw;
+ height: 50px;
+
+ list-style: none;
}
-.split > * {
+
+nav a {
display: table-cell;
-}
+ height: 100%;
+ margin: 0;
-.subtitle {
- font-weight: bold;
-}
-
-.ruler {
- border: none;
- border-bottom: 1px dotted rgba(0,0,0,.5);
-}
-
-a.btn {
text-decoration: none;
- border: 1px solid #048;
- color: #048;
- padding: .2em 1em;
- border-radius: .2em;
- white-space: nowrap;
- display: inline-block;
- margin-bottom: .25em;
-}
-a.btn:hover {
- border-color: #084;
- background: #eee;
- color: #084;
-}
-a.btn:active {
- border-color: #084;
- background: #084;
- color: white;
-}
-
-.boxinput {
- text-decoration: none;
- border: 1px solid #048;
- color: #048;
- padding: .2em .4em;
- border-radius: .2em;
- display: inline-block;
- margin-bottom: .25em;
- resize: none;
-}
-
-.noborder {
- border: none !important;
-}
-
-.subnote {
- margin-top: 0;
- color: gray;
- font-size: .7em;
- font-style: italic;
-}
-
-.no-chin {
- margin-bottom: 0;
-}
-
-.icon.subscribe {
- color: white;
- background: #082;
- border-radius: 1em;
- width: 1em;
- line-height: 1em;
+ font-size: 1.2em;
text-align: center;
+ line-height: 48px;
+
+ border-bottom: 2px solid rgba(255, 255, 255, 0);
+
+ transition: border-bottom .3s ease;
}
-@media screen and (max-width: 50rem) {
- .split, .split > * {
- display: block;
- }
- img.float-right {
- display: none;
- }
- nav li {
- margin: auto .5em;
- }
- header {
- font-size: 2em;
- }
- main {
- margin: -13rem auto 0 auto;
- }
- article {
- margin: 0 .5rem 0 .5rem;
- }
- main:before {
- left: .5rem;
- right: .5rem;
- }
-}
-@media screen and (max-width: 23rem) {
- body {
- font-size: 0.8em;
- }
- header {
- margin-top: 2.4rem;
- }
- main:before {
- top: 13rem;
- height: 13em;
- }
+nav a:hover {
+ border-bottom: 2px solid rgba(255, 255, 255, 1);
+
+ transition: border-bottom .3s ease;
}
+nav a.active {
+ border-bottom: 2px solid rgba(255, 255, 255, 1);
-
-.collapsable {
- display: none;
-}
-.collapsable:target {
- display: block;
+ transition: none;
}
-.noselect {
- /* iOS Safari */
- -webkit-touch-callout: none;
- /* Safari */
- -webkit-user-select: none;
- /* Konqueror HTML */
- -khtml-user-select: none;
- /* Firefox */
- -moz-user-select: none;
- /* Internet Explorer/Edge */
- -ms-user-select: none;
- /* Non-prefixed version, currently supported by Chrome and Opera */
- user-select: none;
+nav .login {
+ position: fixed;
+ top: 0;
+ right: 0;
+ height: 48px;
+ padding: 0 1em;
}
+
+main {
+ padding: 1em 15vw;
+ height: 100vh;
+ margin-top: 5vh;
+
+ background-color: #fff;
+}
+
+main h2 {
+ color: #002244;
+}
+
+.btn {
+ padding: .5em;
+ border-radius: 4px;
+ text-decoration: none;
+ color: #fff;
+ background-color: #002244;
+
+ transition: background-color .2s ease;
+}
+
+.btn:hover {
+ background-color: #00407F;
+
+ transition: background-color .2s ease;
+}
\ No newline at end of file
diff --git a/www/index.php b/www/index.php
index e0aa316..6fecf71 100644
--- a/www/index.php
+++ b/www/index.php
@@ -14,84 +14,87 @@ $agenda = new \pvv\side\Agenda([
new \pvv\side\DBActivity($pdo),
]);
?>
+
-Programvareverkstedet
-
-
-
-
-
+
+ Programvareverkstedet
+
+
+
+
+
+
+
-
+
+
+
+
+
-
+
+
+ Velkommen til Programvareverkstedet
+
-
-
- Velkommen til Programvareverkstedet
- Programvareverkstedet (PVV) vil skape et miljø for datainteresserte personer tilknyttet universitetet. Nåværende og tidligere studenter ved NTNU, samt ansatte ved NTNU og tilstøtende miljø, kan bli medlemmer.
-
- Om PVV
+
+
+
Velkommen til Programvareverkstedet
+
Programvareverkstedet (PVV) er en studentorganisasjon ved NTNU som vil skape et miljø for datainteresserte personer tilknyttet universitetet. Nåværende og tidligere studenter ved NTNU, samt ansatte ved NTNU og tilstøtende miljø, kan bli medlemmer.
+
+
+
+ Kommende arrangement
+
+ Flere aktiviteter
+
+ Opptak
+
+ Alle med tilknytning til NTNU kan bli medlem hos oss
+ og benytte seg av våre ressurser.
+
+
+
Bli medlem
- Veibeskrivelse
-
-
-
-
-
-Kommende arrangement
-
-Flere aktiviteter
-
-
-Opptak
-
-Alle med tilknytning til NTNU kan bli medlem hos oss
-og benytte seg av våre ressurser.
-
-
-
-Bli medlem
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
\ No newline at end of file
From ede224c2f210168aeb7367c68bedb88610696965 Mon Sep 17 00:00:00 2001
From: halworsen
Date: Mon, 13 Nov 2017 14:18:08 +0100
Subject: [PATCH 02/25] Move general info to landing header
---
www/css/landing.css | 9 ++++++---
www/index.php | 16 +++++++++-------
2 files changed, 15 insertions(+), 10 deletions(-)
diff --git a/www/css/landing.css b/www/css/landing.css
index e9da5bc..4c0041b 100644
--- a/www/css/landing.css
+++ b/www/css/landing.css
@@ -7,7 +7,7 @@ header {
margin-top: 50px;
padding: 2em 0;
width: 100vw;
- height: 40vh;
+ height: 50vh;
background-color: #002244;
color: #fff;
}
@@ -21,8 +21,11 @@ main {
margin-top: 0;
}
-.intro {
+.info {
text-align: center;
+ padding: 1em 15vw;
+ height: 20vh;
+ margin-top: 0;
}
.essentials {
@@ -46,4 +49,4 @@ main {
.essentials .join {
padding: 1em;
font-size: 1.2em;
-}
\ No newline at end of file
+}
diff --git a/www/index.php b/www/index.php
index 6fecf71..5c56ae1 100644
--- a/www/index.php
+++ b/www/index.php
@@ -35,20 +35,22 @@ $agenda = new \pvv\side\Agenda([
- Velkommen til Programvareverkstedet
-
-
-
-
-
Velkommen til Programvareverkstedet
-
Programvareverkstedet (PVV) er en studentorganisasjon ved NTNU som vil skape et miljø for datainteresserte personer tilknyttet universitetet. Nåværende og tidligere studenter ved NTNU, samt ansatte ved NTNU og tilstøtende miljø, kan bli medlemmer.
+
+
Velkommen til Programvareverkstedet
+
+ Programvareverkstedet (PVV) er en studentorganisasjon ved NTNU som vil skape et miljø for datainteresserte personer tilknyttet universitetet.
+
+ Nåværende og tidligere studenter ved NTNU, samt ansatte ved NTNU og tilstøtende miljø, kan bli medlemmer.
+
+
+
Kommende arrangement
From 1f47b3849e9c0b7c5eb3a1c895a2680f30c9b58c Mon Sep 17 00:00:00 2001
From: halworsen
Date: Mon, 13 Nov 2017 14:20:07 +0100
Subject: [PATCH 03/25] Landing changes i forgot to stage
im smart :)
---
www/css/landing.css | 26 +++++++++++++++++++-------
www/index.php | 9 +++------
2 files changed, 22 insertions(+), 13 deletions(-)
diff --git a/www/css/landing.css b/www/css/landing.css
index 4c0041b..8d6d1a6 100644
--- a/www/css/landing.css
+++ b/www/css/landing.css
@@ -5,16 +5,15 @@ header {
flex-direction: column;
margin-top: 50px;
- padding: 2em 0;
- width: 100vw;
- height: 50vh;
+ padding: 3vh 15vw;
+ width: 70vw;
background-color: #002244;
color: #fff;
}
header img {
- width: 30vh;
- height: 30vh;
+ width: 24vh;
+ height: 24vh;
}
main {
@@ -23,12 +22,15 @@ main {
.info {
text-align: center;
- padding: 1em 15vw;
- height: 20vh;
+ width: 100%;
+ padding: 0 0;
margin-top: 0;
+
+ overflow-y: hidden;
}
.essentials {
+ width: 100%;
margin: 1.8em 0;
padding: .2em 0;
list-style: none;
@@ -50,3 +52,13 @@ main {
padding: 1em;
font-size: 1.2em;
}
+
+@media(max-width: 600px){
+ .essentials {
+ flex-direction: column;
+ }
+
+ .essentials a {
+ margin: .2em 0;
+ }
+}
\ No newline at end of file
diff --git a/www/index.php b/www/index.php
index 5c56ae1..e233dce 100644
--- a/www/index.php
+++ b/www/index.php
@@ -36,12 +36,9 @@ $agenda = new \pvv\side\Agenda([
-
Velkommen til Programvareverkstedet
-
- Programvareverkstedet (PVV) er en studentorganisasjon ved NTNU som vil skape et miljø for datainteresserte personer tilknyttet universitetet.
-
- Nåværende og tidligere studenter ved NTNU, samt ansatte ved NTNU og tilstøtende miljø, kan bli medlemmer.
-
+
Velkommen til Programvareverkstedet
+
Programvareverkstedet (PVV) er en studentorganisasjon ved NTNU som vil skape et miljø for datainteresserte personer tilknyttet universitetet.
+
Nåværende og tidligere studenter ved NTNU, samt ansatte ved NTNU og tilstøtende miljø, kan bli medlemmer.