edited top perspective

4 years ago · e176c42baa
2 changed files with 31 additions and 6 deletions
--- a/static/css/style.css
+++ b/static/css/style.css
@ -43,13 +43,15 @@ img {


 #poem1 {
-  width: 40%;
+  width: 500px;
  margin-left: 400px;
-  margin-top: 50px;
+  margin-top: 10px;
 }

-#poem1:hover {
-  background-color: white;
+#poem2 {
+  width: 500px;
+  margin-left: 300px;
+  margin-top: 10px;
 }

 #background_c {
@ -67,3 +69,14 @@ img {
  left: 20%;
  width: 23% !important;
 }
+
+.nicelist {
+  margin-left: 1000px;
+  font-size: 25px;
+  color: gray;
+  margin-top: 400px;
+}
+
+li {
+  padding-bottom: 20px;
+}
--- a/templates/perspectiveC.html
+++ b/templates/perspectiveC.html
@ -8,10 +8,22 @@
  <title>Perspective A</title>
 </head>
 <body id="background_c">
-  <div>
 <div class="draggable">
-<img id="poem1" src="../static/images/poem.png" alt="poem">
+<img id="poem1" src="../static/images/asik.png" alt="poem">
 </div>
+<div class="draggable">
+
+<img id="poem2" src="../static/images/ShallPass_scan.png" alt="poem">
+</div>
+<div class="nicelist">
+  <ul>
+    <li>strophe 1</li>
+    <li>strophe 2</li>
+    <li>strophe 3</li>
+    <li>strophe 4</li>
+  </ul>
 </div>
+
+
 </body>
 </html>