Skip to content
Snippets Groups Projects
Commit ac5b24ef authored by Julian Späth's avatar Julian Späth Committed by Julian Matschinske
Browse files

Add new logo

parent b1f44dca
No related branches found
No related tags found
No related merge requests found
<div class="container is-fluid"> <div class="container is-fluid">
<nav class="navbar" role="navigation" aria-label="main navigation"> <nav class="navbar" role="navigation" aria-label="main navigation">
<div class="navbar-brand"> <div class="navbar-brand">
<img src="assets/logo.png" class="menu-icon" alt="logo" width="50px"/> <img routerLink="/" src="assets/covex_logo.png" class="menu-icon is-hoverable navbar-item" alt="logo" width="200"/>
<a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false"> <a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false">
<span aria-hidden="true"></span> <span aria-hidden="true"></span>
<span aria-hidden="true"></span> <span aria-hidden="true"></span>
......
<section class="hero is-primary is-large"> <section class="hero is-primary is-fullheight">
<div class="hero-body"> <div class="hero-body">
<div class="container"> <div class="container has-text-centered">
<h1 class="title"> <div class="column is-6 is-offset-3">
SARS-CoV-2 Explorer
<img src="assets/covex_logo.png">
<h1 class="subtitle is-2">
<i>Explore</i> the <b> virus-host interactome</b>
</h1>
<h1 class="subtitle is-2">
<i>Find</i> <b> putative drug targets</b>
</h1>
<h1 class="subtitle is-2">
<i>Repurpose</i> <b> drugs </b>
</h1>
<h1 class="subtitle is-2">
<i>All in one web-tool</i>
</h1> </h1>
<h2 class="subtitle">
Explore the Protein interactions of SARS-CoV-2 <button class="button has-text-info is-large is-rounded ">
</h2> <a routerLink="/explorer" routerLinkActive="is-active">
<span class="icon"><i class="fa fa-project-diagram has-text-info"></i></span>
<span>Start now!</span>
</a>
</button>
</div> </div>
</div> </div>
</section>
<div class="content">
General Information about the Website
</div> </div>
</section>
<script async type="text/javascript" src="../js/bulma.js"></script>
img {
width: 600px;
padding: 30px;
background-color: rgba(255, 255, 255, 0.7);
border-radius: 25px;
}
src/assets/covex_logo.png

168 KiB

src/assets/covex_logo_small.png

112 KiB

src/assets/virus_background.png

683 KiB

...@@ -2,10 +2,10 @@ ...@@ -2,10 +2,10 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>CovPPI</title> <title>CoVex</title>
<base href="/"> <base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/ico" href="../../assets/logo.png"> <link rel="icon" type="image/ico" href="assets/covex_logo_small.png">
<script src="https://kit.fontawesome.com/3ad4fe992f.js" crossorigin="anonymous"></script> <script src="https://kit.fontawesome.com/3ad4fe992f.js" crossorigin="anonymous"></script>
<script type="text/javascript" src="https://unpkg.com/vis-network/standalone/umd/vis-network.min.js"></script> <script type="text/javascript" src="https://unpkg.com/vis-network/standalone/umd/vis-network.min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap" rel="stylesheet">
......
...@@ -6,6 +6,11 @@ ...@@ -6,6 +6,11 @@
@import "~@ng-select/ng-select/themes/default.theme.css"; @import "~@ng-select/ng-select/themes/default.theme.css";
$family-sans-serif: "Varela Round", sans-serif; $family-sans-serif: "Varela Round", sans-serif;
$primary: #3070B3;
$success: #48C774;
$danger: #EF476F;
$link: $primary;
$info: $primary;
@import "~bulma/bulma.sass"; @import "~bulma/bulma.sass";
@import "~primeng/resources/primeng.css"; @import "~primeng/resources/primeng.css";
@import "~primeicons/primeicons.css"; @import "~primeicons/primeicons.css";
...@@ -19,24 +24,19 @@ body { ...@@ -19,24 +24,19 @@ body {
} }
.hero.is-primary { .hero.is-primary {
background-color: #118AB2; background-color: $primary;
background-image: url("assets/logo.png"), linear-gradient(to left, #f2fcfe, #118AB2); background-image: url("assets/virus_background.png");
background-size: cover;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: 80%;
padding: 50px;
} }
.button.is-primary, .button.is-primary:hover, .button.is-primary:disabled { //.hero.is-primary {
background-color: #118AB2; // background-color: $primary;
} // background-image: linear-gradient(to left, #f2fcfe, $primary);
// background-repeat: no-repeat;
.button.is-danger, .button.is-danger:hover, .button.is-danger:disabled { // background-position: 80%;
background-color: #EF476F; // padding: 50px;
} //}
.button.is-success, .button.is-success:hover, .button.is-success:disabled {
background-color: #48C774;
}
div.navbar-menu { div.navbar-menu {
margin-left: 5px; margin-left: 5px;
...@@ -162,23 +162,23 @@ div.field.has-addons.add-remove-toggle { ...@@ -162,23 +162,23 @@ div.field.has-addons.add-remove-toggle {
} }
.fa-check { .fa-check {
color: #48C774; color: $success;
} }
.fa-search.investigational { .fa-search.investigational {
color: #e2b600; color: $warning;
} }
.fa-spinner { .fa-spinner {
color: #e2b600; color: $warning;
} }
.fa-pause { .fa-pause {
color: #e2b600; color: $warning;
} }
.fa-exclamation-triangle { .fa-exclamation-triangle {
color: #EF476F; color: $danger;
} }
.footer-toggle-buttons { .footer-toggle-buttons {
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment