static #2

Merged
bsod merged 41 commits from static into master 2020-10-30 19:47:46 +01:00
7 changed files with 11 additions and 16 deletions
Showing only changes of commit 20eb0d1d02 - Show all commits

View file

@ -5,9 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>bricabracomania.</title>
<link href="css/styles.css" rel="stylesheet" type="text/css">
<link rel="icon"
type="image/png"
href="/img/myicon.png" />
<link rel="icon" type="image/ico" href="images/favicon.ico">
</head>
<body style="background-color:black;">

View file

@ -5,9 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>bricabracomania.</title>
<link href="css/styles.css" rel="stylesheet" type="text/css">
<link rel="icon"
type="image/png"
href="/img/myicon.png" />
<link rel="icon" type="image/ico" href="images/favicon.ico">
</head>
<body style="background-color:black;">

View file

@ -258,7 +258,7 @@ p:last-of-type {
}
/* Parallax
=================== */
=================== */ /* Das sollte wohl mal DAS werden https://www.w3schools.com/howto/howto_css_parallax.asp */
.parallax--bg {
width: auto;
@ -268,7 +268,7 @@ p:last-of-type {
@media only screen and (min-width: 1000px) {
header {
z-index: 1;
position: absolute;
position: absolute; /*verursacht das verschrobene menü auf der projects seite*/
top: 0px;
width: 100%;
}
@ -295,7 +295,7 @@ p:last-of-type {
}
header {
background: rgba(0,0,0,0.4);
margin: 0px;
margin: 0px; /*Der Versuch den header auf projects zu reparieren: margin: 1rem 0,0 klappt aber nicht so*/
}
.nav ul {

View file

After

Width:  |  Height:  |  Size: 9.4 KiB

View file

After

Width:  |  Height:  |  Size: 4.9 KiB

View file

@ -5,12 +5,12 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>bricabracomania.</title>
<link href="css/styles.css" rel="stylesheet" type="text/css">
<link rel="icon" type="image/ico" href="/favicon.ico">
<link rel="icon" type="image/ico" href="images/favicon.ico">
</head>
<body style="background-color:black;">
<header>
<img src="img/logo.png" alt="bricabracomania logo" class="logo" /> <!--ich hab hier bisschen rumgespielt aber irgendwie lässt sich das icon nicht einfügen-->
<img src="img/logo.png" alt="bricabracomania logo" class="logo" />
<nav class="nav">
<ul>
<li><a href="/">Home</a></li>
@ -25,7 +25,7 @@
<div class="container">
<h1 class="title parallax--box"><span><img src="img/title.png" alt="bricabracomania metalworks"></span>
</h1>
<a href="/projects.html" class="button button-accent">See Our Work</a>
<a href="projects.html" class="button button-accent">See Our Work</a>
</div>
</section>

View file

@ -5,9 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>bricabracomania.</title>
<link href="css/styles.css" rel="stylesheet" type="text/css">
<link rel="icon"
type="image/png"
href="/img/myicon.png" />
<link rel="icon" type="image/ico" href="images/favicon.ico">
</head>
<body style="background-color:black;">
<header>
@ -21,8 +19,10 @@
</ul>
</nav>
</header>
<section class="parallax--bg">
</section>
<div>
<figure class="button button-accent" onclick="galleryFilter('all')"> SHOW ALL</figure>
<figure class="button button-accent" onclick="galleryFilter('cabinet')">CABINET OF CURIOSITIES</figure>
@ -31,7 +31,6 @@
<figure class="button button-accent" onclick="galleryFilter('madman')">MADMAN'S BASEMENT</figure>
</div>
<div style="color: #fff" class="gallery-description cabinet">
<h1>CABINET OF CURIOSITIES</h1>
<p class="p1">This collection is a tribute to wonders of nature, the bizzare and incredible forms of life and death.<br>Exploring the forms and textures, the unseen and rare - its a tribute to once popular cabinets of naural and artistic curiosities, captured in metals and gems</p>