r0r-5chach/CSY1018-assignment-1
r0r-5chach
/
CSY1018-assignment-1
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'master' of https://github.com/jpez-development/CSY1018_assignment_1

This commit is contained in:
Joshua Perry 2022-04-17 15:11:41 +01:00
parent 1ee54f27b9 070e3b4071
commit f8f4f50b72
10 changed files with 79 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
blog/blog.html
View File

@ -14,8 +14,10 @@
<link rel="icon" type="image/svg+xml" href="assets/images/favicon.svg">
<link rel="stylesheet" href="style/main.css" media = "screen">
<link rel="stylesheet" href="style/mobile.css" media ="screen and (max-width:800px)">
<link rel="stylesheet" href="blog/blog.css" media="screen">
<link rel="stylesheet" href="style/mobile.css" media ="screen and (max-width:800px)">
<link rel="stylesheet" href="blog/blog_mobile.css" media ="screen and (max-width:800px)">
</head>
<body id="clicked">

9
blog/blog_mobile.css Normal file
View File

@ -0,0 +1,9 @@
.blog {
display: list-item;
}
.blog_post {
margin: 0;
padding: 0em;
border-radius: 0;
}

3
contact/contact.html
View File

@ -14,8 +14,9 @@
<link rel="icon" type="image/svg+xml" href="assets/images/favicon.svg">
<link rel="stylesheet" href="style/main.css" media = "screen">
<link rel="stylesheet" href="style/mobile.css" media ="screen and (max-width:800px)">
<link rel="stylesheet" href="contact/contact.css" media="screen">
<link rel="stylesheet" href="style/mobile.css" media ="screen and (max-width:800px)">
<link rel="stylesheet" href="contact/contact_mobile.css" media ="screen and (max-width:800px)">
</head>
<body id="clicked">

21
contact/contact_mobile.css Normal file
View File

@ -0,0 +1,21 @@
form {
padding-top: 2em;
min-width: 1em;
max-width: 25.8em;
margin: 0;
}
#contact_details > input {
min-width: 1em;
max-width: 30em;
}
#contact_body > textarea {
min-width: 1em;
max-width: 25.8em;
}
#contact_reason {
display: list-item;
}

1
home/index.css
View File

@ -86,6 +86,7 @@
.langList {
margin-top: -1em;
margin-bottom: 2em;
display: none;
pointer-events: none;
}

1
home/index.html
View File

@ -16,6 +16,7 @@
<link rel="stylesheet" href="style/main.css" media = "screen">
<link rel="stylesheet" href="home/index.css" media="screen">
<link rel="stylesheet" href="style/mobile.css" media ="screen and (max-width:800px)">
<link rel="stylesheet" href="home/index_mobile.css" media ="screen and (max-width:800px)">
</head>
<body id="clicked">

15
home/index_mobile.css Normal file
View File

@ -0,0 +1,15 @@
.bio {
border-top-left-radius: 0em;
border-bottom-left-radius: 0em;
}
.langList {
margin-left: -5em;
font-size: small;
}
.generalInfo {
margin-top: 1em;
margin-left: 2em;
}

4
portfolio/portfolio.html
View File

@ -14,8 +14,10 @@
<link rel="icon" type="image/svg+xml" href="assets/images/favicon.svg">
<link rel="stylesheet" href="style/main.css" media = "screen">
<link rel="stylesheet" href="style/mobile.css" media ="screen and (max-width:800px)">
<link rel="stylesheet" href="portfolio/portfolio.css" media="screen">
<link rel="stylesheet" href="style/mobile.css" media ="screen and (max-width:800px)">
<link rel="stylesheet" href="portfolio/portfolio_mobile.css" media ="screen and (max-width:800px)">
</head>
<body id="clicked">

14
portfolio/portfolio_mobile.css Normal file
View File

@ -0,0 +1,14 @@
.project {
margin: 0;
max-width: 25.6em;
border-radius: 0;
padding: 0;
}
.project > img {
max-width: 25em;
}
.project > video {
max-width: 25em;
}

33
style/mobile.css
View File

@ -4,7 +4,6 @@
body {
grid-template-areas:
"main main main"
"aside aside aside"
"footer footer footer";
@ -15,20 +14,14 @@ body {
}
main {
margin-left: 0.2em;
border-top-right-radius: 0em;
border-bottom-right-radius: 0em;
}
.bio {
border-top-left-radius: 0em;
border-bottom-left-radius: 0em;
}
.navigation {
min-width: 10em;
width: 200%;
height: 50vh;
height: 20em;
white-space: nowrap;
grid-template-rows: 20% 20% 20% 20% 20%;
grid-template-areas:
@ -111,24 +104,18 @@ nav > .link:hover {
border-bottom: 0.1em solid #000000;
}
#home:hover {
border-right: none;
footer {
margin: 0;
background-color: rgba(255, 255, 255, 60%);
grid-area: footer;
display:list-item;
}
.navigation:hover {
transform: translate(-95%,0);
footer > a > h1 {
margin: 0;
}
.generalInfo {
margin-top: 1em;
margin-left: 2em;
#footer_logo {
margin-top: 3em;
}
.moreInfo:hover {
cursor: initial;
}
.langList {
margin-left: -5em;
font-size: small;
}