From c1a534bb33399902700372aa5ce29e6f6172ffba Mon Sep 17 00:00:00 2001 From: juliam98 Date: Tue, 9 Apr 2024 01:25:47 +0100 Subject: [PATCH] . --- People/index.html | 32 +++++++++++++ Research/index.html | 32 +++++++++++++ index.html | 24 ++++------ style/main_style.css | 109 +++++++++++++++++++++++++++---------------- 4 files changed, 143 insertions(+), 54 deletions(-) create mode 100644 People/index.html create mode 100644 Research/index.html diff --git a/People/index.html b/People/index.html new file mode 100644 index 0000000..505e096 --- /dev/null +++ b/People/index.html @@ -0,0 +1,32 @@ + + + + + + Psychiatric Imaging - People + + + + + + +
+

Psychiatric Imaging Group

+
+ +
+ Home + People + Research + +
+ +

People

+ +

This page is under construction.

+
+

There is nothing here yet.

+ + + + \ No newline at end of file diff --git a/Research/index.html b/Research/index.html new file mode 100644 index 0000000..40138a0 --- /dev/null +++ b/Research/index.html @@ -0,0 +1,32 @@ + + + + + + Psychiatric Imaging - Research + + + + + + +
+

Psychiatric Imaging Group

+
+ +
+ Home + People + Research + +
+ +

Research

+ +

This page is under construction.

+
+

There is nothing here yet.

+ + + + \ No newline at end of file diff --git a/index.html b/index.html index c544aa6..d9c0204 100644 --- a/index.html +++ b/index.html @@ -5,6 +5,7 @@ Psychiatric Imaging + @@ -14,22 +15,17 @@

Psychiatric Imaging Group

- Link - Link - Link - Link + Home + People + Research +
-
-
-

Projects

- -
-
-

This page is not finished yet. Please check back later.

-
-
-
+

About us

+ +

This page is under construction.

+
+

In the meantime you can find more information about Psychiatric Imaging on the MRC LMS website and on the KCL website.

diff --git a/style/main_style.css b/style/main_style.css index 1e955c5..439aecf 100644 --- a/style/main_style.css +++ b/style/main_style.css @@ -1,3 +1,9 @@ +:root { + --sea_blue: #688AB6; + --dark_blue: #3C587C; + --bbblue: #9FB3D1; +} + * { box-sizing: border-box; } @@ -7,22 +13,56 @@ body { padding: 10px; background: #f1f1f1; } + +h2 { + font-size: xx-large; + color: black; + font-family: system-ui; + text-align: center; + padding: 0px 20px 20px;; + width: 50%; + margin: auto; + margin-top: 30px; +} + +p { + width: 50% ; + margin: auto; +} + +p a, p a:link, p a:visited, p a:active { + text-decoration: none; + font-weight: bold; + color: #3C587C; +} /* Header/Blog Title */ .header { padding: 30px; text-align: center; - background: rgb(218, 217, 217); + background: var(--bbblue); + text-decoration: none; + text-shadow: + 2px 2px 2px var(--dark_blue), + 3px 3px 3px var(--dark_blue); } .header h1 { font-size: 50px; + color: #f2f1f1; + width: 100%; +} + +h1 a:link, h1 a:active, h1 a:visited { + text-decoration: none; + color: #f2f1f1; } /* Style the top navigation bar */ .topnav { overflow: hidden; - background-color: #333; + top: 0; + background-color: var(--dark_blue); } /* Style the topnav links */ @@ -30,48 +70,37 @@ body { float: left; display: block; color: #f2f2f2; + position: inherit; text-align: center; - padding: 14px 16px; + text-justify: inter-cluster; + padding-left: 20px; + padding-right: 20px; + padding-bottom: 10px; + font-size: 20px; + height:50px; + line-height: 50px; text-decoration: none; + + .rightnav { + float: right; + text-justify: inherit; + /* padding: 9px 16px; */ + } + + .active { + background-color: var(--sea_blue); + } } - + /* Change color on hover */ .topnav a:hover { - background-color: #ddd; - color: black; -} - -/* Container for flexboxes */ -.row { - display: -webkit-flex; - display: flex; -} - -/* Create three unequal columns that sits next to each other */ -.column { - padding: 10px; - height: 1600px; -} - -/* Left and right column */ -.column.side { - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} - -/* Middle column */ -.column.middle { - -webkit-flex: 2; - -ms-flex: 2; - flex: 2; - text-align: center; + background-color: #9FB3D1; + color: #f2f2f2; } -/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */ -@media (max-width: 600px) { - .row { - -webkit-flex-direction: column; - flex-direction: column; - } -} \ No newline at end of file +.material-symbols-outlined { + width: 30px; + font-variation-settings: + 'FILL' 1, + 'wght' 100, + 'GRAD' 0, + 'opsz' 0, + } \ No newline at end of file