Skip to content

Commit 90fac55

Browse files
authoredFeb 12, 2022
adding basic files
0 parents  commit 90fac55

File tree

3 files changed

+130
-0
lines changed

3 files changed

+130
-0
lines changed
 

‎Janac CSS.css

+75
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,75 @@
1+
body {
2+
background-color: #C7F9CC;
3+
padding: 15px;
4+
}
5+
6+
h1 {
7+
font-family: Trebuchet MS, sans-serif;
8+
padding: 10px;
9+
background-color: #80ED99;
10+
outline-style: solid;
11+
outline-width: 6px;
12+
outline-color: #57CC99;
13+
border-radius: 7.5px;
14+
}
15+
16+
h2 {
17+
font-family: Trebuchet MS, sans-serif;
18+
padding: 10px;
19+
background-color: #48B89F;
20+
outline-style: solid;
21+
outline-width: 6px;
22+
outline-color: #2D7D90;
23+
border-radius: 7.5px;
24+
}
25+
26+
p, b {
27+
font-family: Verdana, sans-serif;
28+
font-size: 17px;
29+
padding: 10px;
30+
background-color: #57CC99;
31+
outline-style: solid;
32+
outline-width: 6px;
33+
outline-color: #38A3A5;
34+
line-height: 1.75;
35+
border-radius: 7.5px;
36+
}
37+
38+
h1.big {
39+
padding: 17px;
40+
font-size: 50px;
41+
}
42+
p.big {
43+
font-size: 20px;
44+
padding: 13 px;
45+
}
46+
h2.big {
47+
font-size: 25px;
48+
padding: 15px;
49+
}
50+
51+
div.div {
52+
padding: 5px;
53+
height: 0%;
54+
width: 100%;
55+
}
56+
57+
div.bg {
58+
padding: 15px;
59+
background-color: #2D7D90;
60+
border: solid 5px #22577A;
61+
border-radius: 7.5px;
62+
}
63+
64+
div.line {
65+
border: solid 2px white;
66+
background-color: blue;
67+
height: 150px;
68+
width: 20px;
69+
border-radius: 25px;
70+
}
71+
72+
li {
73+
font-size: 50px;
74+
margin-left: -2px;
75+
}

‎JanacLogo.jpeg

27.8 KB
Loading

‎index.html

+55
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
1+
<!-- Yo Cedric you still need to put in CSS and colors and formatting and make the site look like not terrible, make sure to add the timeline/transit map thing and Janac map thing and blog updates, also maybe make the about me not terrible pls k thx -->
2+
<!DOCTYPE html>
3+
<html>
4+
<head>
5+
<link rel="stylesheet" href="Janac CSS.css">
6+
<title> Just Another North American City - How we can reclaim our cities from our cars, back to our people </title>
7+
<a href="index.htmll"> <img src="JanacLogo.jpeg" alt="JANAC" style="width:25%;height:25%;"> </a>
8+
<!--This is the logo that links to the home page -->
9+
<!--This is the title and subtitle, will add CSS later -->
10+
<h1 class=big> Just Another North American City </h1>
11+
<h2 class=big> How we can reclaim our cities from our cars, back to our people </h2>
12+
</head>
13+
14+
<body>
15+
<p class=big> <!-- About this blog -->
16+
Hello dear user of the internet, I present to you: A bunch of words on a screen!
17+
This blog is about a stupid figment of my imagination, a medium sized city of around 700K, which I call Janac. <br>
18+
<!-- insert map of Janac -->
19+
Janac is a declining city full of car-oriented urban sprawl, with large congested highways inefficiently connecting suburbs to downtown, and public transportation basically nonexistent. <br>
20+
So, Janac summarizes most cities in the United States and Canada. Janac is Just Another North American City. <br>
21+
Or is it? <br>
22+
In this blog, I’m going to “fix” Janac with realistic, existing methods, while exploring public transportation and urban planning concepts, like efficient transit networks or walkability, and connect my concepts and ideas to cities that… actually exist. This blog will also explore both feasible and infeasible solutions, how politics and people can, have, and will, play into all of this, and see how we can reclaim our cities from the cars, back to the people.
23+
Welcome to Just Another North American City.
24+
</p>
25+
26+
<div class=div>
27+
</div>
28+
29+
<!-- Timeline/Map - V1 -->
30+
<h1> Navigation </h1>
31+
<div class=bg>
32+
<div class=line>
33+
<ul>
34+
<li> HOMEPAGE </li>
35+
<li> <i> FutureExpansion </i>
36+
</ul>
37+
</div class=line>
38+
</div class=bg>
39+
<br>
40+
</body>
41+
42+
<div class=div>
43+
</div>
44+
45+
<footer>
46+
<!-- Blog Updates -->
47+
<h1> Blog Updates </h1>
48+
<h2> x/xx/xx </h2>
49+
<p>Janac has launched! First post coming... sometime? <br>
50+
The graphics and designs on this blog are imcomplete, future revamps on the home page are planned - New logo, maps, <br> I apologise for the mediocre appearence as I attempt to learn how to git gud - CSS is HARD! <br>
51+
Thank you for visiting my website and checking out my work, and I hope you enjoy my future content! As some of you may know it, welcome to The Providence Planner 2.0...
52+
</p>
53+
</footer>
54+
</html>
55+

0 commit comments

Comments
 (0)
Please sign in to comment.