backgrnd image

Yanagar1 · Feb 9, 2021 · 32cad79 · 32cad79
1 parent 42aac59
commit 32cad79
Show file tree

Hide file tree

Showing 4 changed files with 35 additions and 30 deletions.
diff --git a/home.html b/home.html
@@ -5,36 +5,35 @@
 <body>
 
 
-<div class="header"></div>
-
+<div class="header" ></div>
+<div class="image_block">
 <img class="logo" src="photo.jpg" border="">
 
-<div class = "main">
-
-<a href="https://github.com/Yanagar1" target = "_blank"><img src="github_logo.png" alt="Github" width="4%"></a>
+<div class = "maintext">
 <a href="https://stackexchange.com/users/19440040/user14218640" target = "_blank"><img src="stack_logo.png" alt="StackExchange" width="4%"></a>
 <a href="mailto:[email protected]" target = "_blank"><img src="gmail_logo.png" alt="email" width="4%"></a>
 <a href="https://www.instagram.com/yanagar1/" target = "_blank"><img src="insta_logo.png" alt="i=Instagram" width="4%"></a>
 <a href="https://www.linkedin.com/in/yana-garipova-3a4955162/" target = "_blank"><img src="lin_logo.png" alt="linkedin" width="4%"></a>
 
 <br>
 <br>
-
-
 <a href="yana_garipova_resume.pdf" target = "_blank">Resume <small>(pdf)</small></a>
 <br>
 <br>
-<a href="portfolio.html" target = "_blank">Portfolio</a>
+<a href="https://github.com/Yanagar1" target = "_blank"><img src="github_logo.png" alt="Github" width="18"> Programming portfolio</a>
+<br>
+<br>
+<a href="portfolio.html" target = "_blank">Other projects</a>
 <!--<br>
 <br>
 <a href="" target = "_blank">Recommendations and Certificates</a>-->
 <br>
 <br>
-<a href="yana_garipova_transcripts.pdf" target = "_blank">Grades and Transcripts <small>(pdf)</small></a>
+<a  href="yana_garipova_transcripts.pdf" target = "_blank">Grades and Transcripts <small>(pdf)</small></a>
+</div>
 </div>
-
 <div class="footer">
-<p>Updated: Jan 25, 2021</p>
+<p>Updated: Feb 9, 2021</p>
 </div>
 
 

diff --git a/main.css b/main.css
@@ -4,16 +4,16 @@ body {
 }
 
 .logo{
-  height: 10%;
+  height: 55px;
   position:fixed;
-  top: 12%;
+  top: 55px;
   border-color: black;
   border-width: medium;
-  left: 45%;
+  left: 46%;
 }
 .header {
   background-color: rgb(40,40,45);
-  height: 17%;
+  height: 80px;
   width: 100%;
   position: fixed;
   left: 0;
@@ -26,11 +26,11 @@ body {
   border-width: medium;
 }
 
-.main {
+.maintext {
   text-align: center;
   position: fixed;
   left: 0;
-  top: 30%;
+  top: 160px;
 }
 
 a:link {
@@ -45,6 +45,7 @@ a:hover{
 a:visited{
   color: rgb(40,40,45);
 }
+
 h3{
   padding: 0px 0px 0px 0px;
   font-family: georgia;
@@ -53,19 +54,23 @@ p{
   padding: 0px 0px 0px 0px;
   font-family: georgia;
 }
-.portfolio_main{
+
+.image_block{
   position:fixed;
-  top:55px;
-  width: 95%;
-  height: 85%;
+  top:83px;
+  left:0;
+  width: 100%;
+  height: 80%;
+  background-image: url("osaka.jpg");
+  background-size: cover;
   overflow-y: auto;
 }
 .portfolio_entry{
   position:relative;
   color: rgb(50,50,55);
-  margin: 20px 10px 10px 10px;
+  margin: 25px 25px 25px 25px;
   padding: 0px 5px 5px 5px;
-  background-color: rgba(204,255,255,0.3);
+  background-color: rgba(224,255,255,0.5);
   border: rgb(102, 255, 255) solid thin;
   overflow: hidden;
 }
@@ -102,7 +107,7 @@ button#n1{
   width: 100%;
   left: 0;
   bottom: 0;
-  height: 10%;
+  height: 50px;
   border-color: black;
   border-style: solid none none none;
   border-width: medium;

diff --git a/osaka.JPG b/osaka.JPG
diff --git a/portfolio.html b/portfolio.html
@@ -2,10 +2,12 @@
 <html>
 <head><link rel="stylesheet" href="main.css"></head>
 <body>
-<div class="header" style="height:55px;width:100%;">
-<h2 style="margin: 10px 10px 10px 25px;">Portfolio</h2>
+<div class="header">
+<!--<h2 style="margin: 10px 10px 10px 25px;">Portfolio</h2>-->
 </div>
-<div class="portfolio_main">
+
+<div class="image_block">
+
   <div class="portfolio_entry">
     <h3>Web/App Design</h3>
     <p>Mockup application for a dog daycare center made with Sketch. </p>
@@ -15,7 +17,6 @@ <h3>Web/App Design</h3>
     </div>
 
 
-
   <div class="portfolio_entry">
     <h3>Network Optimization</h3>
     <p>Project: Improving Garg-Könemann algorithm to solve Maximum Lifetime Scheduling problem for large sensor networks. (2021).</p>
@@ -70,8 +71,8 @@ <h3>My PC</h3>
 
 </script> -->
 
-<div class="footer" style="height:7%; position:absolute;bottom:0;">
-<p>Updated: Feb 5, 2021</p>
+<div class="footer">
+<p>Updated: Feb 9, 2021</p>
 </div>
 </body>
 </html>