Skip to content

Commit 09079a9

Browse files
maxschwarzmuellermaxschwarzmueller
authored
Merge pull request #10 from unsivilaudio/reorg
Reorg
2 parents 1b0c751 + 5a30b5a commit 09079a9

File tree

2,733 files changed

+61195
-2
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

2,733 files changed

+61195
-2
lines changed

‎.gitignore

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
__pycache__

‎README.md

Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,12 @@
22

33
This repository holds the code examples and snapshots as well as any other resources belonging to our ["Django - The Practical Guide" course](https://acad.link/django).
44

5-
# How To Use
5+
### How To Navigate This Repository
66

7-
This repository comes with many branches - different branches reflect different attachments. The branch names allow you to identify the course section + lecture to which the code snapshot belongs.
7+
1. The `code` folder is separated into the different course sections
8+
9+
- each section contains multiple snapshots throughout the section
10+
11+
2. The `attachments` folder is also separated into different course sections and contains any relevant attachments from the section, as well as starting snapshots (if applicable)
12+
13+
3. The `slides` folder contains any relavant pdf documents of all the slides in this course, split across sections

‎attachments/04 Templates and Static Files/css-files/challenge.css

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
h1,
2+
h2 {
3+
text-align: center;
4+
color: white;
5+
}
6+
7+
h1 {
8+
font-size: 1.5rem;
9+
margin: 2rem 0 1rem 0;
10+
font-weight: normal;
11+
color: #cf54a6;
12+
}
13+
14+
h2 {
15+
font-size: 3rem;
16+
font-weight: bold;
17+
}
18+
19+
.fallback {
20+
text-align: center;
21+
color: white;
22+
}

‎attachments/04 Templates and Static Files/css-files/challenges.css

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
ul {
2+
list-style: none;
3+
margin: 2rem auto;
4+
width: 90%;
5+
max-width: 20rem;
6+
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.26);
7+
padding: 1rem;
8+
border-radius: 12px;
9+
display: flex;
10+
flex-direction: column;
11+
flex-wrap: wrap;
12+
height: 30rem;
13+
background-color: #eeeeee;
14+
}
15+
16+
li {
17+
margin: 1rem 0;
18+
text-align: center;
19+
font-size: 1.5rem;
20+
border-bottom: 1px solid #ccc;
21+
padding-bottom: 1rem;
22+
}
23+
24+
li:last-of-type,
25+
li:nth-of-type(6) {
26+
border-bottom: none;
27+
}
28+
29+
li a {
30+
text-decoration: none;
31+
color: #383838;
32+
}
33+
34+
li a:hover,
35+
li a:active {
36+
color: #7e0154;
37+
}

‎attachments/04 Templates and Static Files/css-files/header.css

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
header {
2+
width: 100%;
3+
height: 5rem;
4+
background-color: #353535;
5+
}
6+
7+
header nav {
8+
width: 100%;
9+
height: 100%;
10+
display: flex;
11+
justify-content: center;
12+
align-items: center;
13+
}
14+
15+
header nav a {
16+
color: white;
17+
font-size: 2rem;
18+
font-weight: bold;
19+
text-decoration: none;
20+
}
21+
22+
header nav a:hover,
23+
header nav a:active {
24+
color: #cf54a6;
25+
}

‎attachments/04 Templates and Static Files/css-files/styles.css

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap');
2+
3+
html {
4+
font-family: 'Roboto Condensed', sans-serif;
5+
}
6+
7+
body {
8+
margin: 0;
9+
background-color: #1a1a1a;
10+
}

‎attachments/05 Project Blog Basics/00-starting-setup.zip

6.6 KB
Binary file not shown.

‎attachments/05 Project Blog Basics/css-files/all-posts.css

Lines changed: 43 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,43 @@
1+
body {
2+
background-color: #e7e7e7;
3+
}
4+
5+
#main-navigation {
6+
background-color: #390281;
7+
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
8+
}
9+
10+
#all-posts {
11+
margin: 7rem auto;
12+
width: 90%;
13+
max-width: 60rem;
14+
}
15+
16+
#all-posts h2 {
17+
text-align: center;
18+
font-size: 2rem;
19+
color: #2e2e2e;
20+
margin: 3rem 0;
21+
}
22+
23+
ul {
24+
list-style: none;
25+
margin: 0;
26+
padding: 0;
27+
display: grid;
28+
grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr));
29+
gap: 1.5rem;
30+
}
31+
32+
.post img {
33+
width: 7rem;
34+
height: 7rem;
35+
}
36+
37+
.post a {
38+
height: 22rem;
39+
transform-origin: center;
40+
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
41+
border-radius: 12px;
42+
background-color: white;
43+
}

‎attachments/05 Project Blog Basics/css-files/app.css

Lines changed: 48 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,48 @@
1+
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Open+Sans:wght@400;700&display=swap');
2+
3+
* {
4+
box-sizing: border-box;
5+
}
6+
7+
html {
8+
font-family: 'Open Sans', 'Lato', sans-serif;
9+
}
10+
11+
body {
12+
margin: 0;
13+
}
14+
15+
h1,
16+
h2,
17+
h3 {
18+
font-family: 'Lato', sans-serif;
19+
font-weight: bold;
20+
}
21+
22+
#main-navigation {
23+
width: 100%;
24+
height: 5rem;
25+
display: flex;
26+
justify-content: space-between;
27+
align-items: center;
28+
padding: 0 10%;
29+
position: absolute;
30+
top: 0;
31+
left: 0;
32+
}
33+
34+
#main-navigation a {
35+
text-decoration: none;
36+
color: white;
37+
font-weight: bold;
38+
}
39+
40+
#main-navigation a:hover,
41+
#main-navigation a:active {
42+
color: #cf79f1;
43+
}
44+
45+
#main-navigation h1 a:hover,
46+
#main-navigation h1 a:active {
47+
color: white;
48+
}

‎attachments/05 Project Blog Basics/css-files/index.css

Lines changed: 75 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,75 @@
1+
#welcome {
2+
background: linear-gradient(to right top, #6305dd, #390281);
3+
padding: 6rem 12%;
4+
}
5+
6+
#welcome header {
7+
display: flex;
8+
align-items: flex-start;
9+
margin: 3rem auto;
10+
}
11+
12+
#welcome img {
13+
width: 10rem;
14+
height: 10rem;
15+
object-fit: cover;
16+
object-position: top;
17+
border: 5px solid white;
18+
border-radius: 12px;
19+
background-color: #ffe1bf;
20+
transform: rotateZ(-5deg);
21+
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
22+
}
23+
24+
#welcome h2 {
25+
font-size: 3.5rem;
26+
margin: 0 0 0 2rem;
27+
color: #e4e4e4;
28+
width: 10rem;
29+
}
30+
31+
#welcome p {
32+
color: white;
33+
font-size: 1.5rem;
34+
}
35+
36+
#latest-posts {
37+
background-color: white;
38+
padding: 2rem;
39+
border-radius: 12px;
40+
width: 60rem;
41+
margin: -6rem auto 2rem auto;
42+
box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.4);
43+
}
44+
45+
#latest-posts h2 {
46+
text-align: center;
47+
}
48+
49+
#latest-posts ul {
50+
list-style: none;
51+
margin: 0;
52+
padding: 0;
53+
display: flex;
54+
gap: 1rem;
55+
}
56+
57+
#latest-posts li {
58+
flex: 1;
59+
}
60+
61+
#about {
62+
text-align: center;
63+
padding: 3rem;
64+
background-color: #e48900;
65+
margin-top: 5rem;
66+
}
67+
68+
#about h2 {
69+
font-size: 3rem;
70+
}
71+
72+
#about p {
73+
font-size: 1.5rem;
74+
color: #353535;
75+
}

‎attachments/05 Project Blog Basics/css-files/post-detail.css

Lines changed: 62 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,62 @@
1+
body {
2+
background-color: #e7e7e7;
3+
}
4+
5+
#main-navigation {
6+
background-color: #390281;
7+
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
8+
}
9+
10+
#summary {
11+
margin: 8rem auto 3rem auto;
12+
padding: 2rem;
13+
width: 90%;
14+
max-width: 90rem;
15+
border-radius: 16px;
16+
background-color: #5706c0;
17+
position: relative;
18+
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
19+
height: 22rem;
20+
}
21+
22+
#summary h2 {
23+
color: white;
24+
font-size: 4.5rem;
25+
}
26+
27+
#summary article {
28+
position: absolute;
29+
top: 2rem;
30+
right: 3rem;
31+
padding: 1rem 2rem;
32+
border-radius: 12px;
33+
text-align: right;
34+
color: white;
35+
}
36+
37+
#summary article img {
38+
width: 12rem;
39+
height: 12rem;
40+
border-radius: 12px;
41+
transform: rotateZ(5deg);
42+
border: 5px solid white;
43+
margin-bottom: 1rem;
44+
}
45+
46+
#summary address {
47+
font-weight: bold;
48+
}
49+
50+
#summary time {
51+
font-weight: bold;
52+
}
53+
54+
main {
55+
width: 90%;
56+
max-width: 90rem;
57+
margin: 3rem auto;
58+
background-color: white;
59+
padding: 1rem;
60+
border-radius: 12px;
61+
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
62+
}

‎attachments/05 Project Blog Basics/css-files/post.css

Lines changed: 43 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,43 @@
1+
.post {
2+
display: flex;
3+
flex-direction: column;
4+
align-items: center;
5+
text-align: center;
6+
}
7+
8+
.post a {
9+
text-decoration: none;
10+
color: black;
11+
transition: all 0.2s ease;
12+
padding: 1rem;
13+
}
14+
15+
.post a:hover,
16+
.post a:active {
17+
transform: scale(1.1);
18+
background-color: #390281;
19+
color: white;
20+
}
21+
22+
.post img {
23+
width: 5rem;
24+
height: 5rem;
25+
object-fit: cover;
26+
border-radius: 50%;
27+
}
28+
29+
.post h3 {
30+
margin: 0.25rem 0;
31+
}
32+
33+
.post time {
34+
color: #666666;
35+
margin: 0.25rem;
36+
font-style: italic;
37+
font-size: 0.85rem;
38+
}
39+
40+
.post:hover time,
41+
.post:active time {
42+
color: white;
43+
}

‎attachments/05 Project Blog Basics/images/coding.jpg

373 KB
Loading

‎attachments/05 Project Blog Basics/images/max.png

6.63 MB
Loading

‎attachments/05 Project Blog Basics/images/mountains.jpg

427 KB
Loading

‎attachments/05 Project Blog Basics/images/woods.jpg

908 KB
Loading

‎attachments/10 Forms/00-starting-setup.zip

7.59 KB
Binary file not shown.

0 commit comments

Comments
 (0)