Skip to content

E
esguerra_lab1
Commit 35e64b2e authored by James Esguerra's avatar James Esguerra
Browse files
Options

Finished initial website design

parent 4b34bddd
Show whitespace changes
Inline Side-by-side
Showing with 53 additions and 34 deletions
static/css/styles.css
View file @ 35e64b2e
...@@ -12,7 +12,7 @@ a { ...@@ -12,7 +12,7 @@ a {
color: inherit; color: inherit;
} }
#page-header { #page_header {
text-align: center; text-align: center;
font-size: 2.5em; font-size: 2.5em;
padding-top: 15px; padding-top: 15px;
...@@ -32,3 +32,19 @@ a { ...@@ -32,3 +32,19 @@ a {
text-align: center; text-align: center;
padding-top: 200px; padding-top: 200px;
} }
#profile {
display: grid;
grid-template-columns: 500px 100px;
margin: auto;
width: 50%;
padding: 150px;
font-size: 1.5em;
}
#key, #this_week, #today {
margin: 0 auto;
width: 50%;
font-size: 1.5em;
padding: 150px;
}
templates/base.html
View file @ 35e64b2e
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
</head> </head>
<body> <body>
<header> <header>
<div id='page-header'> <div id='page_header'>
{% block header %} {% endblock %} {% block header %} {% endblock %}
</div> </div>
<br> <br>
......
templates/key.html
View file @ 35e64b2e
...@@ -7,13 +7,13 @@ ...@@ -7,13 +7,13 @@
{% block content %} {% block content %}
<p>• Tasks: things to do </p> <div id='key'>
<p>- Notes: things you don't want to forget</p> <p>• Tasks: things to do </p>
<p>○ Events: noteworth moments in time</p> <p>- Notes: things you don't want to forget</p>
<p>○ Events: noteworth moments in time</p>
<br> <br>
<p>• Task incomplete</p>
<p>• Task incomplete</p> <p>X Task complete</p>
<p>X Task complete</p> </div>
{% endblock %} {% endblock %}
templates/profile.html
View file @ 35e64b2e
...@@ -7,16 +7,17 @@ ...@@ -7,16 +7,17 @@
{% block content %} {% block content %}
<div> <div id='profile'>
<div> <div>
<p> {{ name }} </p> <h2> {{ name }} </h2>
<br>
<p> My name is {{ name }}, I am 25 years old, and I graduated from Ateneo <p> My name is {{ name }}, I am 25 years old, and I graduated from Ateneo
de Manila University. My hobbies are singin, painting, and collecting de Manila University. My hobbies are singing, painting, and collecting
Pokemon cards!</p> Pokemon cards!</p>
</div> </div>
<div> <div>
<img src='dummypic.png' alt='Picture'> <img src='https://www.worldfuturecouncil.org/wp-content/uploads/2020/02/dummy-profile-pic-300x300-1.png' alt='Picture'>
</div> </div>
</div> </div>
......
templates/this_week.html
View file @ 35e64b2e
...@@ -7,16 +7,16 @@ ...@@ -7,16 +7,16 @@
{% block content %} {% block content %}
<h2>03.15.MON - 03.21.SUN</h2> <div id='this_week'>
<h2>03.15.MON - 03.21.SUN</h2>
<p>• 7AM water plants</p> <br>
<p>• 8AM walk the dogs</p> <p>• 7AM water plants</p>
<p>- don't cram</p> <p>• 8AM walk the dogs</p>
<p>○ 18 2:30PM Personal Counseling with Sir Marvin</p> <p>- don't cram</p>
<p>○ 20 1PM DSC org meeting</p> <p>○ 18 2:30PM Personal Counseling with Sir Marvin</p>
<p>- never hit up a random girl on twitter ever again</p> <p>○ 20 1PM DSC org meeting</p>
<p>○ 21 7AM ACOMM org meeting</p> <p>- never hit up a random girl on twitter ever again</p>
<p>○ 21 7AM ACOMM org meeting</p>
</div>
{% endblock %} {% endblock %}
templates/today.html
View file @ 35e64b2e
...@@ -7,14 +7,16 @@ ...@@ -7,14 +7,16 @@
{% block content %} {% block content %}
<h2>{{ my_date|date:"m.d.D" }}</h2> <div id='today'>
<h2>{{ my_date|date:"m.d.D" }}</h2>
<p>• 7AM water plants</p> <br>
<p>• 8AM walk the dogs</p> <p>• 7AM water plants</p>
<p>- i need more to buy more fish food</p> <p>• 8AM walk the dogs</p>
<p>- be careful when deleting commits on git!</p> <p>- i need more to buy more fish food</p>
<p>○ 20 1PM DSC org meeting</p> <p>- be careful when deleting commits on git!</p>
<p>- never hit up a random girl on twitter ever again</p> <p>○ 20 1PM DSC org meeting</p>
<p>○ 21 7AM ACOMM org meeting</p> <p>- never hit up a random girl on twitter ever again</p>
<p>○ 21 7AM ACOMM org meeting</p>
</div>
{% endblock %} {% endblock %}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment