~j-james/website

af849ba437879587dd102609bb426f8d059e8c84 — j-james 3 months ago d26bd3e
Media queries for mobile devices
6 files changed, 25 insertions(+), 1 deletions(-)

M about.html
M bookshelf.html
M css/style.css
M index.html
M posts.html
M projects.html
M about.html => about.html +1 -0
@@ 2,6 2,7 @@
<head>
	<title>j-james</title>
	<meta charset="utf-8"/>
	<meta name="viewport" content="width=device-width"/>
	<link rel="icon" type="image/jpg" href="assets/compass.jpg"/>
	<link rel="stylesheet" href="css/normalize.css"/>
	<link rel="stylesheet" href="css/style.css"/>

M bookshelf.html => bookshelf.html +1 -0
@@ 2,6 2,7 @@
<head>
	<title>j-james</title>
	<meta charset="utf-8"/>
	<meta name="viewport" content="width=device-width"/>
	<link rel="icon" type="image/jpg" href="assets/compass.jpg"/>
	<link rel="stylesheet" href="css/normalize.css"/>
	<link rel="stylesheet" href="css/style.css"/>

M css/style.css => css/style.css +20 -1
@@ 35,7 35,6 @@ header {
}

header h1 {
	font-weight: normal;
	font-size: inherit;
	margin: 0;
}


@@ 90,6 89,26 @@ footer {
	text-align: right;
}

@media screen and (max-width: 700px) {
	header {
		flex-direction: column;
		padding: 1em 0 0 0;
	}
	#intro {
		flex-direction: column;
		align-items: center;
	}
	#face {
		margin: 1em;
	}
}

@media screen and (max-width: 320px) {
	body {
		font-size: 16px;
	}
}

@font-face {
	font-family: Alegreya;
	src: url(../fonts/Alegreya/Alegreya-Regular.ttf);

M index.html => index.html +1 -0
@@ 2,6 2,7 @@
<head>
	<title>j-james</title>
	<meta charset="utf-8"/>
	<meta name="viewport" content="width=device-width"/>
	<link rel="icon" type="image/jpg" href="assets/compass.jpg"/>
	<link rel="stylesheet" href="css/normalize.css"/>
	<link rel="stylesheet" href="css/style.css"/>

M posts.html => posts.html +1 -0
@@ 2,6 2,7 @@
<head>
	<title>j-james</title>
	<meta charset="utf-8"/>
	<meta name="viewport" content="width=device-width"/>
	<link rel="icon" type="image/jpg" href="assets/compass.jpg"/>
	<link rel="stylesheet" href="css/normalize.css"/>
	<link rel="stylesheet" href="css/style.css"/>

M projects.html => projects.html +1 -0
@@ 2,6 2,7 @@
<head>
	<title>j-james</title>
	<meta charset="utf-8"/>
	<meta name="viewport" content="width=device-width"/>
	<link rel="icon" type="image/jpg" href="assets/compass.jpg"/>
	<link rel="stylesheet" href="css/normalize.css"/>
	<link rel="stylesheet" href="css/style.css"/>