0x2620/phantasma
2
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

base site for phantas.ma

Browse source
This commit is contained in:
j 2023-03-02 15:59:40 +01:00
commit d27f4ac0c0
32 changed files with 50 additions and 710 deletions
Download patch file Download diff file Expand all files Collapse all files

15
app/templates/about.html
View file

@ -1,15 +0,0 @@
{% extends "base.html" %}
{% block title %}About{% endblock title %}
{% block body_class%}body--about animated animated-text{% endblock %}
{% block main %}
<div class="about">
</div>
{% endblock %}
{% block end %}
<script>
var pandoraURL = "{{ pandora_url }}";
</script>
<script src="{% static 'js/api.js' %}"></script>
<script src="{% static 'js/about.js' %}"></script>
{% endblock %}

6
app/templates/base.html
View file

@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>
{% block title %}
njp.ma
phantas.ma
{% endblock title %}
</title>
<link href="{% sass_src 'css/style.scss' %}" rel="stylesheet" type="text/css">
@ -15,14 +15,16 @@
<div class="topnav">
<a href="/" class="title font-family-wrong">
<div class="title-text text">
njp.ma
phantas.ma{{text.get_absolute_url}}
</div>
</a>
<div class="item-title"></div>
<nav>
{% comment %}
<a href="{% url 'films' %}" class="animated-title"><span class="text">videos 비디오</span></a>
<a href="{% url 'texts' %}" class="animated-title"><span class="text">cuts 장면들</span></a>
<a href="{% url 'about' %}" class="animated-title"><span class="text">about 소개</span></a>
{% endcomment %}
</nav>
</div>
<main>

4
app/templates/edit.html
View file

@ -1,4 +0,0 @@
{% extends "base.html" %}
{% block main %}
some overview page with stuff
{% endblock %}

7
app/templates/edit_play.html
View file

@ -1,7 +0,0 @@
{% extends "base.html" %}
{% block main %}
<h1>{{ edit.data.title }}</h1>
{% if edit.vimeo_id %}
<iframe src="https://player.vimeo.com/video/{{ edit.vimeo_id }}" width="640" height="564" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>
{% endif %}
{% endblock %}

4
app/templates/edits.html
View file

@ -1,4 +0,0 @@
{% extends "base.html" %}
{% block main %}
some overview page with stuff
{% endblock %}

6
app/templates/fallback.html
View file

@ -67,12 +67,12 @@
</style>
<title>njp.ma</title>
<title>phantas.ma</title>
</head>
<body>
<div id="box">
<div id="shadowBox">
<h1 class="rainbow rainbow_text_animated">njp.ma</h1>
<h1 class="rainbow rainbow_text_animated">phantas.ma</h1>
<h2></h2>
</div>
</div>
@ -81,7 +81,7 @@
document.location.href = '/'
path = document.location.pathname.slice(1)
if (path) {
document.querySelector('h1').innerHTML = 'njp.ma/' + path
document.querySelector('h1').innerHTML = 'phantas.ma/' + path
if (path == 'polis') {
setTimeout(() => {
document.querySelector('h2').innerHTML = 'Oct 30, 2021 – Mar 6, 2022'

120
app/templates/film.html
View file

@ -1,120 +0,0 @@
{% extends "base.html" %}
{% block head %}
<meta name="title" content="{{ film.data.title }}"/>
<meta name="description" content="{% for director in film.data.director %}{{ director|safe }}{% endfor %}"/>
<meta property="og:title" content="{{ film.data.title }} {{ film.data.tile.zh }}"/>
<meta property="og:type" content="movie"/>
<meta property="og:url" content="https://njp.ma{{ film.get_absolute_url }}"/>
<meta property="og:site_name" content="njp.ma"/>
<meta property="og:description" content="{% for director in film.data.director %}{{ director|safe }}{% endfor %}"/>
<meta property="twitter:card" content="summary_large_image"/>
<meta property="twitter:title" content="{{ film.data.title }} {{ film.data.tile.zh }}"/>
<meta property="twitter:description" content="{% for director in film.data.director %}{{ director|safe }}{% endfor %}"/>
{% endblock head %}
{% block body_class%}animated{% endblock %}
{% block main %}
{% comment %}
<style>
:root {
--bg-color-1: {{ film.color_1 }};
--bg-color-2: {{ film.color_2 }};
--bg-color-3: {{ film.color_2 }};
--bg-color-4: {{ film.color_4 }};
}
body {
background-attachment: fixed;
}
</style>
{% endcomment %}
<div class="film">
<div class="info">
<div class="info-meta">
<h1>
<span class="font-bold">{{ film.data.title | safe }}</span>
</h1>
{% if film.data.date %}
<div class="date">
{{ film.data.date | safe }}
</div>
{% endif %}
<div class="country">
{{ film.data.country|default:''|join:', ' }}
</div>
<div class="type">
{{ film.data.type|default:''|join:', ' }}
</div>
<div class="details">
{{ film.data.description|default:''|safe }}
</div>
<div class="featuring">
Featuring:
{{ film.data.featuring|default:''|join:', ' }}
</div>
</div>
<div class="video-block">
<img src="{{ stream_prefix }}/{{ film.data.items.0.id }}/timelineslitscan64pframe.jpg" class="video-fallback-block">
<video
id="timeline-video"
src="{{ stream_prefix }}/{{ film.data.items.0.id }}/timelineslitscan64p.mp4"
poster="{{ stream_prefix }}/{{ film.data.items.0.id }}/timelineslitscan64pframe.jpg"
controlsList="nodownload"
autoplay
loop
muted
playsinline>
</video>
</div>
<div class="items">
{% for item in film.data.items %}
<div class="item">
<a href="play/{{ item.id }}">
<figure>
<div class="overlay">
<img src="{% static 'svg/play.svg' %}">
</div>
<img src="{{ stream_prefix }}/{{ item.id }}/480p.jpg">
<figcaption>
{{ item.title | safe }}
{% if item.date %}({{item.date | safe }}){% endif %}
</figcaption>
</figure>
</a>
</div>
{% endfor %}
</div>
<div class="play">
<div class="film-play-pandora"><a href="{{ film.pandora_url }}" target="_blank">Open in Archive</a></div>
</div>
{% if film.related_texts.exists %}
<div class="texts">
<h2>Related Assemblies</h2>
{% for text in film.related_texts %}
<div class="text">
<a href="{{ text.get_absolute_url }}">
{{ text.title | safe }}<br>
</a>
</div>
{% endfor %}
</div>
{% endif %}
</div>
</div>
{% endblock %}
{% block end %}
<script>
var film = {{ film.json | safe }};
film.prefix = "{{ stream_prefix }}";
var pandoraURL = "{{ pandora_url }}";
</script>
{% comment %}
<script src="{% static 'js/film.js' %}"></script>
{% endcomment %}
{% endblock %}

13
app/templates/film_play.html
View file

@ -1,13 +0,0 @@
{% extends "base.html" %}
{% block main %}
<div id="ascroll"></div>
{% endblock %}
{% block end %}
<script>
var config = {{ config | safe }};
var pandoraURL = "{{ pandora_url }}";
var streamPrefix = "{{ stream_prefix }}";
</script>
<script src="{% static 'js/api.js' %}"></script>
<script src="{% static 'js/play.js' %}"></script>
{% endblock %}

54
app/templates/films.html
View file

@ -1,54 +0,0 @@
{% extends "base.html" %}
{% block body_class%}animated animated-text{% endblock %}
{% block main %}
<div class="films">
<div class="actions">
<strong>Filter:</strong>
<select id="filter-select">
<option value="" selected>All Types</option>
{% for type in types %}
<option value="{{ type.value }}">{{ type.title }}</option>
{% endfor %}
</select>
<strong>Sort:</strong>
<select id="sort-select">
<option value="title">Title</option>
<option value="year">Year</option>
<option value="duration">Duration</option>
</select>
</div>
<div id="films-list">
{% for film in films %}
<div class="film"
data-position="{{ film.position }}"
data-title="{{ film.data.title }}"
data-year="{{ film.data.year|default:"9999" }}"
data-duration="{{ film.duration_seconds }}"
data-type="{{ film.data.type|join:"," }}"
>
<a href="{{ film.get_absolute_url }}">
<figure>
<div>
{% for item in film.data.items %}
<img src="{{ stream_prefix }}/{{ item.id }}/480p.jpg">
{% endfor %}
</div>
<figcaption>
<img src="{{ stream_prefix }}/{{ film.data.items.0.id }}/timeline64p.jpg">
</figcaption>
<figcaption>
{{ film.data.title | safe }}
{% if film.data.date %}({{ film.data.date|safe}}){% endif %}
</figcaption>
</figure>
</a>
</div>
{% endfor %}
</div>
</div>
{% endblock %}
{% block end %}
<script src="{% static 'js/films.js' %}"></script>
{% endblock %}

25
app/templates/index.html
View file

@ -1,17 +1,16 @@
{% extends "base.html" %}
{% block head %}
<meta name="title" content="njp.ma"/>
<meta name="description" content="This archive was initiated in the context of CAMP After Media Promises"/>
<meta property="og:title" content="njp.ma"/>
<meta name="title" content="phantas.ma"/>
<meta name="description" content="phantas.ma"/>
<meta property="og:title" content="phantas.ma"/>
<meta property="og:url" content="https://njp.ma"/>
<meta property="og:url" content="https://phantas.ma"/>
<meta property="og:type" content="website"/>
<meta property="og:title" content="njp.ma" />
<meta property="og:description" content="This archive was initiated in the context of CAMP After Media Promises"/>
<meta property="og:title" content="phantas.ma" />
<meta property="og:description" content="phantas.ma"/>
<meta property="twitter:card" content="summary_large_image"/>
<meta property="twitter:title" content="njp.ma" />
<meta property="twitter:description" content="This archive was initiated in the context of CAMP After Media Promises"/>
<meta property="twitter:title" content="phantas.ma" />
<meta property="twitter:description" content="phantas.ma"/>
{% endblock head %}
{% block body_class%}animated animated-text body--home{% endblock %}
{% block main %}
@ -33,11 +32,11 @@
{% endif %}
<div class="home">
<div class="box">
<h1 class="h1-en-home">njp.ma</h1>
<h1 class="h1-en-home">Phantas.ma</h1>
<div class="font-size-sm">
<div class="h3"><a href="{% url 'films'%}" class="font-bold">videos 비디오</a></div>
<div class="h3"><a href="{% url 'texts' %}" class="font-bold">cuts 장면들</a></div>
<div class="h3"><a href="{% url 'about' %}" class="font-bold">about 소개</a></div>
{% for text in texts %}
<div class="h3"><a href="{{ text.get_absolute_url }}" class="font-bold">{{ text.title }}</a></div>
{% endfor %}
</div>
</div>
</div>

8
app/templates/text.html
View file

@ -4,15 +4,15 @@
<meta name="description" content="{{ text.byline|striptags }}"/>
<meta property="og:title" content="{{ text.title }}"/>
<meta property="og:type" content="movie"/>
<meta property="og:url" content="https://njp.ma{{ text.get_absolute_url }}"/>
<meta property="og:site_name" content="njp.ma"/>
<meta property="og:url" content="https://phantas.ma{{ text.get_absolute_url }}"/>
<meta property="og:site_name" content="phantas.ma"/>
<meta property="og:description" content="{{ text.byline|striptags }}"/>
<meta name="title" content="{{ text.title }}"/>
<meta name="description" content="{{ text.byline|striptags }}"/>
<meta property="og:site_name" content="njp.ma"/>
<meta property="og:site_name" content="phantas.ma"/>
<meta property="og:description" content="{% for director in text.data.director %}{{ director|safe }}{% endfor %}"/>
<meta property="twitter:card" content="summary_large_image"/>
@ -20,7 +20,7 @@
<meta property="twitter:description" content="{{ text.byline|striptags }}"/>
{% endblock head %}
{% block title %}{{ text.title }} - njp.ma{% endblock title %}
{% block title %}{{ text.title }} - phantas.ma{% endblock title %}
{% block main %}
<div id="ascroll"></div>
{% endblock %}

5
app/templates/tv.html
View file

@ -1,5 +0,0 @@
{% extends "base.html" %}
{% block title %}TV{% endblock%}
{% block main %}
here be TV stuff
{% endblock %}