fixed tab ico / fixed links

This commit is contained in:
fr34k 2020-10-13 11:07:55 +02:00
parent 994e965534
commit 20eb0d1d02
7 changed files with 11 additions and 16 deletions

View file

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

View file

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

View file

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

View file

Before

Width:  |  Height:  |  Size: 9.4 KiB

After

Width:  |  Height:  |  Size: 9.4 KiB

View file

Before

Width:  |  Height:  |  Size: 4.9 KiB

After

Width:  |  Height:  |  Size: 4.9 KiB

View file

@ -5,12 +5,12 @@
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>bricabracomania.</title> <title>bricabracomania.</title>
<link href="css/styles.css" rel="stylesheet" type="text/css"> <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> </head>
<body style="background-color:black;"> <body style="background-color:black;">
<header> <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"> <nav class="nav">
<ul> <ul>
<li><a href="/">Home</a></li> <li><a href="/">Home</a></li>
@ -25,7 +25,7 @@
<div class="container"> <div class="container">
<h1 class="title parallax--box"><span><img src="img/title.png" alt="bricabracomania metalworks"></span> <h1 class="title parallax--box"><span><img src="img/title.png" alt="bricabracomania metalworks"></span>
</h1> </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> </div>
</section> </section>

View file

@ -5,9 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>bricabracomania.</title> <title>bricabracomania.</title>
<link href="css/styles.css" rel="stylesheet" type="text/css"> <link href="css/styles.css" rel="stylesheet" type="text/css">
<link rel="icon" <link rel="icon" type="image/ico" href="images/favicon.ico">
type="image/png"
href="/img/myicon.png" />
</head> </head>
<body style="background-color:black;"> <body style="background-color:black;">
<header> <header>
@ -21,8 +19,10 @@
</ul> </ul>
</nav> </nav>
</header> </header>
<section class="parallax--bg"> <section class="parallax--bg">
</section> </section>
<div> <div>
<figure class="button button-accent" onclick="galleryFilter('all')"> SHOW ALL</figure> <figure class="button button-accent" onclick="galleryFilter('all')"> SHOW ALL</figure>
<figure class="button button-accent" onclick="galleryFilter('cabinet')">CABINET OF CURIOSITIES</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> <figure class="button button-accent" onclick="galleryFilter('madman')">MADMAN'S BASEMENT</figure>
</div> </div>
<div style="color: #fff" class="gallery-description cabinet"> <div style="color: #fff" class="gallery-description cabinet">
<h1>CABINET OF CURIOSITIES</h1> <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> <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>