-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
142 lines (127 loc) · 6.15 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!DOCTYPE html>
<html lang="en" ng-app="zinefest">
<head>
<title>Athens Zinefest</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="static/lib/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="static/lib/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="static/css/app.css">
<link rel="shortcut icon" href="favicon.ico">
</head>
<body>
<div id="page">
<div class="container">
<div class="row page-header">
<div class="col-md-12">
<a href="/">
<img alt="zinefest" width ="100" class="logo" src="static/img/azf2018head.png ">
</a>
</div>
</div>
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-navbar-collapse" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="#/about/" class="navbar-brand">Athens Zinefest</a>
<a href="#/about/" data-toggle="modal" data-target="#EnModal" class="navbar-brand en">[en]</a>
</div>
<div class="collapse navbar-collapse" id="bs-navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Pamphlets <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#/upyourass/">Up Your Ass</a></li>
<li><a href="#/setikozmo/">Σε τι κόσμο</a></li>
</ul>
</li>
<li class="dropdown">
<a href="" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Archive <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#/2013/">2013</a></li>
<li><a href="#/2014/">2014</a></li>
<li><a href="#/2016/">2016</a></li>
<li><a href="#/2017/">2017</a></li>
<li><a href="#/2018/">2018</a></li>
<li><a href="#/posters/">Posters</a></li>
</ul>
</li>
<li><a href="http://www.fanzines.gr/" target="_blank">fanzines.gr</a></li>
</ul>
</div>
</div>
</nav>
</div>
<div class="row">
<div class="col-md-12">
<div class="container" ng-view id="content">
</div>
</div>
</div>
</div>
<div class="container">
<div id="footer">
<span class="fa fa-cc"></span>
2013<script>document.write("-"+new Date().getFullYear());</script> •
<i class="fa fa-envelope-o"></i> <img src="static/img/email.png" alt="contact"> •
<i class="fa fa-facebook"></i> <a href="https://www.facebook.com/athenszinefest/" target="_blank">athenszinefest</a>
</div>
</div>
<div id="back-top">
<a href="#top"><span class="glyphicon glyphicon-chevron-up" aria-hidden="true"></span></a>
</div>
<!-- Modal -->
<div class="modal fade" id="EnModal" tabindex="-1" role="dialog" aria-labelledby="EnModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="EnModalLabel">Athens Zinefest</h4>
</div>
<div class="modal-body">
<p>
Athens Zinefest was started in 2013 as a personal endeavor and has since been organized by
a larger group of ziners who aspire to multiply each year. The festival is organized yearly,
is sponsor and ad free, and welcomes only non-commercially-minded publications. Our goals
include self-organization and the dissemination of fanzine culture away from trends which
periodically afflict the zine universe. We aim for the dissemination of DIY culture, as well
as to embracing an alternative economy and sustaining a solidarity network where creation and
freedom of expression are not dictated by commercial standards.
</p>
<p>
Participation in the group is open to all. On the occasion of the 2016 Athens Zinefest, we made
a leaflet (only available in Greek at the moment, unfortunately) which addresses what we believe
to be main issues that concern the fanzine community. Read it and get in touch if you want to get involved.
</p>
<p>
Past events:
<ul>
<li>1st Athens Zinefest @ Ksilino ASFA</li>
<li>2nd Athens Zinefest @ Mihanourgio NTUA</li>
<li>3rd Athens Zinefest @ Steki Metanaston</li>
<li>4th Athens Zinefest @ Konistra Park</li>
<li>5th Athens Zinefest @ Polytechneio</li>
</ul>
</p>
<p>For more information please contact <img src="/static/img/email.png" alt="email"></p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<script src="static/lib/jquery/dist/jquery.min.js"></script>
<script src="static/lib/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="static/lib/angular/angular.min.js"></script>
<script src="static/lib/angular-route/angular-route.min.js"></script>
<script src="static/lib/angular-ui/build/angular-ui.min.js"></script>
<script src="static/js/functions.js"></script>
<script src="static/js/app.js"></script>
</body>
</html>