Apophis_Coding/WebPage
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

autosize test

Browse Source 
nothing happend here
This commit is contained in:
TheNightglow
2021-08-24 00:22:03 +02:00
committed by NotFinfi
parent 3fb915e1a1
commit aa2c2f10e8
3 changed files with 12 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@@ -6,7 +6,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Apophis Coding</title> <title>Apophis Coding</title>
<link rel="shortcut icon" href="images/icon.png"> <link rel="shortcut icon" href="images/icon.png">
<link rel="stylesheet" href="style1.css"> <link rel="stylesheet" href="style3.css">
</head> </head>
<body> <body>
<header class="page-head"> <header class="page-head">

11
style1.css → style3.css
View File

@@ -2,6 +2,7 @@
.page-head .page-head
{ {
height: 75px; height: 75px;
height: min(75px, 8vw);
} }
.page-head div .page-head div
@@ -18,6 +19,7 @@
.page-head img .page-head img
{ {
width: 75px; width: 75px;
width: min(75px, 8vw);
display: inline; display: inline;
vertical-align: middle; vertical-align: middle;
} }
@@ -29,6 +31,7 @@
top: 50%; top: 50%;
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
font-size: min(200%, 4vw);
} }
.navigation .navigation
@@ -60,14 +63,19 @@ body
.center-panel .center-panel
{ {
width: 150px;
width: min(800px, 80vw);
margin-left: auto;
margin-right: auto;
background-color: rgba(26, 26, 26, 0.596); background-color: rgba(26, 26, 26, 0.596);
padding: 10px; padding: 10px;
margin: 0px 200px;
border: black; border: black;
border-spacing: 3px; border-spacing: 3px;
color: rgb(177, 177, 147); color: rgb(177, 177, 147);
border-style: solid; border-style: solid;
position: center center;
vertical-align: middle; vertical-align: middle;
align-self: middle;
} }
.center-panel p .center-panel p
@@ -98,4 +106,5 @@ h1
position: fixed; position: fixed;
bottom: 0; bottom: 0;
left: 10px; left: 10px;
font-size: max(10px, min(20px, 0.8vw));
} }

2
subfiles/about-us.html
View File

@@ -6,7 +6,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Apophis Coding - About Us</title> <title>Apophis Coding - About Us</title>
<link rel="shortcut icon" href="../images/icon.png"> <link rel="shortcut icon" href="../images/icon.png">
<link rel="stylesheet" href="../style.css"> <link rel="stylesheet" href="../style3.css">
</head> </head>
<body> <body>
<header class="page-head"> <header class="page-head">