added prescribed img+updated subpages accordingly
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
surtur 2020-03-26 05:00:07 +01:00
parent 8430216591
commit df2371ef8a
Signed by: wanderer
GPG Key ID: 19CE1EC1D9E0486D
6 changed files with 40 additions and 4 deletions

@ -29,6 +29,13 @@ img {
max-width: 800px; max-width: 800px;
} }
.logoimg {
width: fit-content;
margin: 0 1em;
max-width: 250px;
padding: 15px;
}
a:link { a:link {
cursor: pointer; cursor: pointer;
color: #36c; color: #36c;
@ -110,6 +117,7 @@ footer {
color: linear-gradient(white,blue,red); color: linear-gradient(white,blue,red);
} }
.divp { .divp {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -140,6 +148,12 @@ pre {
border-radius: 4px; border-radius: 4px;
} }
#divlogoimg {
margin: 0 auto;
max-width: 300px;
width: 92%;
}
#bggradient { #bggradient {
display: flex; display: flex;
flex-direction: column; flex-direction: column;

@ -15,10 +15,17 @@
<!--[if lt IE 7]> <!--[if lt IE 7]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="#">upgrade your browser</a> to improve your experience.</p> <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="#">upgrade your browser</a> to improve your experience.</p>
<![endif]--> <![endif]-->
<header>
<div id="divlogoimg">
<img class="logoimg" src="./media/logo.png">
</div>
</header>
<h1 class="title">tew-0x00</h1> <h1 class="title">tew-0x00</h1>
<h3 class="subtitle"> &gt CSS DEMO &lt </h3> <h3 class="subtitle"> &gt CSS DEMO &lt </h3>
<p>Hello friend. This page tries to demonstrate basic CSS3 functionality. <p>
Hello friend.<br>
This page tries to demonstrate basic CSS3 functionality.
<ul > <ul >
<li><a href="./pages/roundedcorners.html">CSS3 rounded corners</a></li> <li><a href="./pages/roundedcorners.html">CSS3 rounded corners</a></li>
<li><a href="./pages/backgroundgradient.html">CSS3 background gradient</a></li> <li><a href="./pages/backgroundgradient.html">CSS3 background gradient</a></li>

BIN
media/logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

@ -13,7 +13,12 @@
<link rel="stylesheet" type="text/css" href="../css/prism.css" data-noprefix/> <link rel="stylesheet" type="text/css" href="../css/prism.css" data-noprefix/>
</head> </head>
<body> <body>
<h2 class="subtitle"> &gt CSS DEMO &lt </h2> <header>
<div id="divlogoimg">
<img class="logoimg" src="../media/logo.png">
</div>
</header>
<h3 class="title">background gradient</h3> <h3 class="title">background gradient</h3>
<div id="divsection"> <div id="divsection">

@ -13,7 +13,12 @@
<link rel="stylesheet" type="text/css" href="../css/prism.css" data-noprefix/> <link rel="stylesheet" type="text/css" href="../css/prism.css" data-noprefix/>
</head> </head>
<body> <body>
<h2 class="subtitle"> &gt CSS DEMO &lt </h2> <header>
<div id="divlogoimg">
<img class="logoimg" src="../media/logo.png">
</div>
</header>
<h3 class="title">rounded corners</h3> <h3 class="title">rounded corners</h3>
<div id="divsection"> <div id="divsection">

@ -13,7 +13,12 @@
<link rel="stylesheet" type="text/css" href="../css/prism.css" data-noprefix/> <link rel="stylesheet" type="text/css" href="../css/prism.css" data-noprefix/>
</head> </head>
<body> <body>
<h2 class="subtitle"> &gt CSS DEMO &lt </h2> <header>
<div id="divlogoimg">
<img class="logoimg" src="./media/logo.png">
</div>
</header>
<h3 class="title">shadows</h3> <h3 class="title">shadows</h3>
<footer class="copyright"> <footer class="copyright">