greg
/
greg.everydayimshuflin.com
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Make site look good on mobile

This commit is contained in:
Greg Shuflin 2023-03-07 16:53:21 -08:00
parent 4049a811c8
commit 023ab8508c
3 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
index.html
View File

@ -1,8 +1,9 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>Greg Shuflin - Software Developer</title>
<meta charset='utf-8'/> <meta charset='utf-8'/>
<meta name="viewport" content="width=device-width,initial-scale=1"/>
<title>Greg Shuflin - Software Developer</title>
<link rel="icon" type="image/x-icon" href="favicon.png"> <link rel="icon" type="image/x-icon" href="favicon.png">
<link href="style.css" rel="stylesheet"/> <link href="style.css" rel="stylesheet"/>
</head> </head>

7
justfile
View File

@ -5,7 +5,12 @@ server := "realname-server.everydayimshuflin.com"
resume_dir := "/home/greg/code/active/resume" resume_dir := "/home/greg/code/active/resume"
resume_filename := "Greg Shuflin resume.pdf" resume_filename := "Greg Shuflin resume.pdf"
deploy:
deploy-html:
scp index.html favicon.png style.css self.jpg greg@{{server}}:"/srv/greg.everydayimshuflin.com/" scp index.html favicon.png style.css self.jpg greg@{{server}}:"/srv/greg.everydayimshuflin.com/"
deploy-resume-pdf:
just {{resume_dir}}/build_resume just {{resume_dir}}/build_resume
scp -r "{{resume_dir}}/{{resume_filename}}" greg@{{server}}:"/srv/greg.everydayimshuflin.com/resume" scp -r "{{resume_dir}}/{{resume_filename}}" greg@{{server}}:"/srv/greg.everydayimshuflin.com/resume"
deploy: deploy-html deploy-resume-pdf

4
style.css
View File

@ -4,21 +4,25 @@ h1 {
font-family: Ubuntu; font-family: Ubuntu;
} }
@media (min-width: 600px) {
header { header {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} }
}
#selfPhoto { #selfPhoto {
margin-top: 20px; margin-top: 20px;
margin-right: 30px; margin-right: 30px;
} }
@media (min-width: 80rem) {
#main { #main {
margin-left:auto; margin-left:auto;
margin-right:auto; margin-right:auto;
width:960px; width:960px;
} }
}
section.important-links { section.important-links {
font-size: large; font-size: large;