1
- {% load static %}
2
- <!DOCTYPE html>
3
- <!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
4
- <!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
5
- <!--[if !IE]><!--> < html lang ="en "> <!--<![endif]-->
6
- < head >
7
- < title > PyCon Balkan 2018</ title >
8
- <!-- Meta -->
9
- < meta charset ="utf-8 ">
10
- < meta http-equiv ="X-UA-Compatible " content ="IE=edge ">
11
- < meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
12
- < meta name ="description " content ="PyCon Balkan description ">
13
- < meta name ="author " content ="Python Balkan community ">
14
- < link rel ="icon " type ="image/png " sizes ="32x32 " href ="{% static 'img/favicon-32x32.png' %} ">
15
- < link rel ="icon " type ="image/png " sizes ="16x16 " href ="{% static 'img/favicon-16x16.png' %} ">
16
- < link href ="https://fonts.googleapis.com/css?family=Montserrat " rel ="stylesheet ">
17
- < link rel ="stylesheet " href ="https://use.fontawesome.com/releases/v5.0.9/css/all.css " integrity ="sha384-5SOiIsAziJl6AWe0HWRKTXlfcSHKmYV4RBF18PPJ173Kzn7jzMyFuTtk8JA7QQG1 " crossorigin ="anonymous ">
18
- <!-- Bootstrap 4 -->
19
- < link rel ="stylesheet " href ="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css " integrity ="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm " crossorigin ="anonymous ">
20
- < link rel ="stylesheet " href ="{% static 'css/style.css' %} ">
1
+ {% extends "base.html" %}
21
2
22
- <!-- Timer JS -->
23
- < script src ="{% static 'js/timer.js' %} " type ="text/javascript "> </ script >
24
- < script src ="{% static 'js/index.js' %} " type ="text/javascript "> </ script >
3
+ {% block main_content %}
25
4
26
- <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
27
- <!--[if lt IE 9]>
28
- <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
29
- <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
30
- <![endif]-->
31
- < link href ="https://fonts.googleapis.com/css?family=Montserrat:400,700,900 "
32
- rel ="stylesheet ">
33
- < style >
34
- body {
35
- font-family : Montserrat, sans-serif;
36
- }
37
- .blue {
38
- font-weight : 900 ;
39
- color : # 53A8DC ;
40
- }
41
- .yellow {
42
- font-weight : 900 ;
43
- color : # F9D768 ;
44
- }
45
- .black {
46
- font-size : 48px ;
47
- font-weight : bold;
48
- }
49
- .white {
50
- color : # FFFFFF ;
51
- font-size : 36px ;
52
- font-weight : bold;
53
- }
54
- </ style >
55
- </ head >
5
+ <!-- Main Content -->
56
6
57
- < body >
58
7
59
- <!-- Navigation Bar -->
60
8
61
- < div class ="row ">
62
- < div class ="col-md-11 offset-0 ">
63
- < nav class ="navbar navbar-light navbar-expand-md bg-faded justify-content-center ">
64
- < div class ="navbar navbar-header mr-auto ">
65
- < a class ="navbar-brand " href ="# "> < img src ="{% static 'img/logo.jpg' %} "> </ a >
66
- </ div >
67
- < ul class ="nav navbar-nav ml-auto w-100 justify-content-end mb-5 pb-3 ">
68
- {# < li > < a class ="btn btn-light btn-sm round " href ="# " role ="button "> News</ a > </ li > #}
69
- {# < li > < a class ="btn btn-light btn-sm round " href ="# " role ="button "> CFP</ a > </ li > #}
70
- {# < li > < a class ="btn btn-light btn-sm round " href ="# " role ="button "> Sponsoring</ a > </ li > #}
71
- {# < li > < a class ="btn btn-light btn-sm round " href ="# " role ="button "> Timetable</ a > </ li > #}
72
- {# < li > < a class ="btn btn-light btn-sm round " href ="# " role ="button "> Travel</ a > </ li > #}
73
- {# < li > < a class ="btn btn-light btn-sm round " href ="# " role ="button "> Tickets</ a > </ li > #}
74
- {# < li > < a class ="btn btn-light btn-sm round " href ="# " role ="button "> Events</ a > </ li > #}
75
- {# < li > < a class ="btn btn-light btn-sm round " href ="# " role ="button "> FAQ</ a > </ li > #}
76
- {# < li > < a class ="btn btn-light btn-sm round " href ="# " role ="button "> About</ a > </ li > #}
77
- {# < li > < a class ="btn btn-light btn-sm round " href ="# " role ="button "> Contact</ a > </ li > #}
78
- < li > < a class ="btn btn-light btn-sm round " href ="/coc " role ="button "> CoC</ a > </ li >
79
- </ ul >
80
- </ nav >
81
- </ div >
82
- </ div >
9
+ <!-- END of Main Content -->
83
10
84
- <!-- END of Navigation Bar -->
85
-
86
- < div class ="row ">
87
-
88
- <!-- Left Side -->
89
-
90
-
91
- < div class ="col-xl-3 offset-1 ">
92
- < div >
93
- {% if conference %}
94
- < h1 class ="font900 one "> {{ conference.event }}</ h1 >
95
- < h2 class ="one "> {{ conference.name }}</ h2 >
96
- < h3 > {{ conference.city }} {{ conference.year }}</ h3 >
97
- {% endif %}
98
- </ div >
99
- < hr >
100
- {% if conference %}
101
- < div class ="details ">
102
- < h1 class ="font900 font-yellow "> #{{ conference.number }}</ h1 >
103
- < p > {{ conference.address }}</ p >
104
- < div >
105
- < p > < i class ="far fa-calendar-alt "> </ i > {{ conference.from_date }} - {{ conference.to_date }}</ p >
106
- < p > < i class ="fas fa-users "> </ i > {{ conference.max_attendees }} attendees</ p >
107
- < p > < i class ="fas fa-globe "> </ i > {{ conference.get_type_display }}</ p >
108
- </ div >
109
- {# < div > #}
110
- {# < a class ="btn btn-primary btn-md round " href ="# " role ="button "> < b > JOIN US</ b > </ a > #}
111
- {# </ div > #}
112
- {# < div > #}
113
- {# < i class ="fa-lg fab fa-facebook-f sn-icons "> </ i > #}
114
- {# < i class ="fa-lg fab fa-twitter sn-icons "> </ i > #}
115
- {# < i class ="fa-lg fab fa-linkedin-in sn-icons "> </ i > #}
116
- {# </ div > #}
117
- </ div >
118
- {% endif %}
119
- </ div >
120
-
121
- <!-- END of Left Side -->
122
-
123
-
124
- <!-- Main Content -->
125
-
126
-
127
-
128
- <!-- END of Main Content -->
129
-
130
- </ div >
131
-
132
- <!-- Bootstrap 4 scripts -->
133
- < script src ="https://code.jquery.com/jquery-3.2.1.slim.min.js " integrity ="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN " crossorigin ="anonymous "> </ script >
134
- < script src ="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js " integrity ="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q " crossorigin ="anonymous "> </ script >
135
- < script src ="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js " integrity ="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl " crossorigin ="anonymous "> </ script >
136
-
137
- </ body >
138
- </ html >
11
+ {% endblock %}
0 commit comments