Skip to content

Commit 23352e6

Browse files
thevvalverdethevvalverde
committed
Get free ticket button
1 parent 04dc813 commit 23352e6

File tree

11 files changed

+366
-127
lines changed

11 files changed

+366
-127
lines changed

‎compose/local/django/start

+1-1
Original file line numberDiff line numberDiff line change
@@ -6,4 +6,4 @@ set -o nounset
66

77

88
python manage.py migrate
9-
python manage.py runserver_plus 0.0.0.0:8000
9+
python manage.py runserver 0.0.0.0:8000

‎config/urls.py

+3-3
Original file line numberDiff line numberDiff line change
@@ -15,9 +15,9 @@
1515
path("users/", include("pycon_portugal_2023.users.urls", namespace="users")),
1616
path("accounts/", include("allauth.urls")),
1717
# Your stuff: custom urls includes go here
18-
path("", default_view),
19-
path("<slug:menu>/", default_view),
20-
path("<slug:menu>/<slug:submenu>/", default_view),
18+
path("", default_view, name="home"),
19+
path("<slug:menu>/", default_view, name="menu-view"),
20+
path("<slug:menu>/<slug:submenu>/", default_view, name="submenu-view"),
2121
]
2222
urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
2323

‎pycon_portugal_2023/static/css/project.css

+145-74
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@
55
@import url("https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900&display=swap");
66
@import url("https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900&display=swap");
77
@import url("https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900&display=swap");
8+
@import url("https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900&display=swap");
89
html, body {
910
overflow-x: hidden;
1011
}
@@ -85,6 +86,99 @@ a:hover {
8586
display: contents !important;
8687
}
8788

89+
img.hotel {
90+
max-width: 200px;
91+
max-height: 100px;
92+
width: auto;
93+
height: auto;
94+
}
95+
96+
button:hover {
97+
color: white !important;
98+
background-color: #0077C9 !important;
99+
}
100+
101+
tbody, td, tfoot, th, thead, tr {
102+
border-width: 1px;
103+
padding: 8px;
104+
padding: 0.5rem;
105+
}
106+
107+
.pycon-btn {
108+
border-radius: 41px;
109+
font-weight: bold;
110+
font-size: 22px;
111+
line-height: 38px;
112+
text-decoration: none !important;
113+
}
114+
115+
.yellow-btn {
116+
background-color: #F9A825;
117+
border: 5px solid #F7F7F7;
118+
}
119+
.yellow-btn:hover, .yellow-btn:active, .yellow-btn:focus {
120+
background-color: #F7F7F7 !important;
121+
border-color: #F9A825 !important;
122+
color: #F9A825 !important;
123+
}
124+
125+
.yellow-btn-reverted {
126+
background-color: transparent;
127+
border: 5px solid #F9A825;
128+
color: #F9A825 !important;
129+
}
130+
.yellow-btn-reverted:hover, .yellow-btn-reverted:active, .yellow-btn-reverted:focus {
131+
background-color: transparent;
132+
border-color: white !important;
133+
color: white !important;
134+
}
135+
136+
.green-btn {
137+
color: #F7F7F7;
138+
background-color: #00969C;
139+
border: 3px solid #F7F7F7;
140+
font: normal normal bold 16px/30px Poppins;
141+
}
142+
.green-btn:hover, .green-btn:active, .green-btn:focus {
143+
background-color: #F7F7F7 !important;
144+
border-color: #00969C !important;
145+
color: #00969C !important;
146+
}
147+
148+
.sponsors h2, .previous-edition h2, .dates h2, .speakers h2, .tickets h2 {
149+
font: normal normal bold 32px/48px Poppins;
150+
color: #2C2C2C;
151+
text-transform: uppercase;
152+
}
153+
154+
.sponsors .card strong, .previous-edition .card strong, .card strong, .tickets .card h4 {
155+
font: normal normal bold 86px/129px Poppins;
156+
text-transform: uppercase;
157+
}
158+
159+
img.sponsor {
160+
width: 180px;
161+
height: auto;
162+
}
163+
164+
img.sponsor.huge {
165+
height: 70px;
166+
}
167+
168+
img.sponsor.large {
169+
height: 60px;
170+
-o-object-fit: contain;
171+
object-fit: contain;
172+
}
173+
174+
img.sponsor.small {
175+
height: 40px;
176+
}
177+
178+
img.sponsor.tiny {
179+
height: 25px;
180+
}
181+
88182
html, body {
89183
overflow-x: hidden;
90184
}
@@ -1048,95 +1142,72 @@ object {
10481142
}
10491143
}
10501144

1051-
img.sponsor {
1052-
width: 180px;
1053-
height: auto;
1054-
}
1055-
1056-
img.sponsor.huge {
1057-
height: 70px;
1058-
}
1059-
1060-
img.sponsor.large {
1061-
height: 60px;
1062-
-o-object-fit: contain;
1063-
object-fit: contain;
1064-
}
1065-
1066-
img.sponsor.small {
1067-
height: 40px;
1068-
}
1069-
1070-
img.sponsor.tiny {
1071-
height: 25px;
1145+
html, body {
1146+
overflow-x: hidden;
10721147
}
10731148

1074-
img.hotel {
1075-
max-width: 200px;
1076-
max-height: 100px;
1077-
width: auto;
1078-
height: auto;
1149+
body {
1150+
font-family: "Poppins", sans-serif;
10791151
}
10801152

1081-
button:hover {
1082-
color: white !important;
1083-
background-color: #0077C9 !important;
1153+
.alert-debug {
1154+
background-color: #F7F7F7;
1155+
border-color: #d6e9c6;
1156+
color: #000;
10841157
}
10851158

1086-
tbody, td, tfoot, th, thead, tr {
1087-
border-width: 1px;
1088-
padding: 8px;
1089-
padding: 0.5rem;
1159+
.alert-error {
1160+
background-color: #f2dede;
1161+
border-color: #eed3d7;
1162+
color: #b94a48;
10901163
}
10911164

1092-
.pycon-btn {
1093-
border-radius: 41px;
1094-
font-weight: bold;
1095-
font-size: 22px;
1096-
line-height: 38px;
1097-
text-decoration: none !important;
1165+
.home-modal .modal-dialog {
1166+
max-width: 90%;
1167+
height: 500px;
1168+
margin-top: 7%;
10981169
}
1099-
1100-
.yellow-btn {
1170+
.home-modal .modal-dialog .modal-content {
11011171
background-color: #F9A825;
1102-
border: 5px solid #F7F7F7;
1103-
}
1104-
.yellow-btn:hover, .yellow-btn:active, .yellow-btn:focus {
1105-
background-color: #F7F7F7 !important;
1106-
border-color: #F9A825 !important;
1107-
color: #F9A825 !important;
1172+
padding: 0 24px 48px;
1173+
padding: 0 1.5rem 3rem;
1174+
border-radius: 20px;
11081175
}
1109-
1110-
.yellow-btn-reverted {
1111-
background-color: transparent;
1112-
border: 5px solid #F9A825;
1113-
color: #F9A825 !important;
1176+
.home-modal .modal-dialog .modal-content div {
1177+
border: none;
11141178
}
1115-
.yellow-btn-reverted:hover, .yellow-btn-reverted:active, .yellow-btn-reverted:focus {
1116-
background-color: transparent;
1117-
border-color: white !important;
1118-
color: white !important;
1179+
.home-modal .modal-dialog .modal-content .modal-header .modal-title {
1180+
padding: 20px;
1181+
padding: 1.25rem;
1182+
color: #F7F7F7;
1183+
font: normal normal bold 32px/48px Poppins;
11191184
}
1120-
1121-
.green-btn {
1185+
.home-modal .modal-dialog .modal-content .modal-body {
11221186
color: #F7F7F7;
1123-
background-color: #00969C;
1124-
border: 3px solid #F7F7F7;
1125-
font: normal normal bold 16px/30px Poppins;
11261187
}
1127-
.green-btn:hover, .green-btn:active, .green-btn:focus {
1128-
background-color: #F7F7F7 !important;
1129-
border-color: #00969C !important;
1130-
color: #00969C !important;
1188+
.home-modal .modal-dialog .modal-content .modal-body .card {
1189+
background-color: #2C2C2C;
11311190
}
1132-
1133-
.tickets h2, .speakers h2, .dates h2, .previous-edition h2, .sponsors h2 {
1134-
font: normal normal bold 32px/48px Poppins;
1135-
color: #2C2C2C;
1136-
text-transform: uppercase;
1191+
.home-modal .modal-dialog .modal-content .modal-body .card .card-title {
1192+
color: #F9A825;
11371193
}
1138-
1139-
.tickets .card h4, .card strong, .previous-edition .card strong, .sponsors .card strong {
1140-
font: normal normal bold 86px/129px Poppins;
1141-
text-transform: uppercase;
1194+
.home-modal .modal-dialog .modal-content .modal-body .card .card-body {
1195+
display: -webkit-box;
1196+
display: -ms-flexbox;
1197+
display: flex;
1198+
-webkit-box-orient: vertical;
1199+
-webkit-box-direction: normal;
1200+
-ms-flex-direction: column;
1201+
flex-direction: column;
1202+
-webkit-box-pack: justify;
1203+
-ms-flex-pack: justify;
1204+
justify-content: space-between;
1205+
}
1206+
.home-modal .modal-dialog .modal-content .modal-body .card .card-body .card-description {
1207+
font: normal normal 400 24px/34px Poppins;
1208+
min-height: 95px;
1209+
margin: 20px auto;
1210+
}
1211+
.home-modal .modal-dialog .modal-content .modal-body .card .card-body .pycon-btn {
1212+
width: 100%;
11421213
}

‎pycon_portugal_2023/static/css/project.min.css

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎pycon_portugal_2023/static/images/other/orange_star.svg

+12
Loading

‎pycon_portugal_2023/static/sass/_modals.scss

+56
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,56 @@
1+
@use "base";
2+
3+
.home-modal {
4+
.modal-dialog {
5+
max-width: 90%;
6+
height: 500px;
7+
margin-top: 7%;
8+
9+
.modal-content {
10+
background-color: base.$BgYellow;
11+
padding: 0 1.5rem 3rem;
12+
border-radius: 20px;
13+
14+
div {
15+
border: none;
16+
}
17+
18+
.modal-header {
19+
20+
.modal-title {
21+
padding: 1.25rem;
22+
color: base.$white;
23+
font: normal normal bold 32px/48px Poppins;
24+
}
25+
}
26+
27+
.modal-body {
28+
color: base.$white;
29+
.card {
30+
background-color: base.$BgBlack;
31+
32+
.card-title {
33+
color: base.$BgYellow;
34+
}
35+
36+
.card-body {
37+
display: flex;
38+
flex-direction: column;
39+
justify-content: space-between;
40+
41+
.card-description {
42+
font: normal normal 400 24px/34px Poppins;
43+
min-height: 95px;
44+
margin: 20px auto;
45+
}
46+
47+
.pycon-btn {
48+
width: 100%;
49+
}
50+
}
51+
}
52+
}
53+
54+
}
55+
}
56+
}

0 commit comments

Comments
 (0)