-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathwatch.php
More file actions
139 lines (116 loc) · 6.48 KB
/
watch.php
File metadata and controls
139 lines (116 loc) · 6.48 KB
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
<?php require_once( 'couch/cms.php' ); ?>
<cms:template title='Watch • Content' clonable="1" dynamic_folders="1" commentable="1">
<cms:editable label="Author*" name="watch_author" type="text" />
<cms:editable label="Content Type*" desc="Type of content, for example Film or Documentary" name="watch_content_type" type="text" />
<cms:editable label="File*" desc="The video or photo/photo album" name="watch_content" type="file" />
<cms:editable label="Description" desc="optional: A paragraph displayed on the video's page" name="watch_desc" type="richtext" toolbar="full"/>
<cms:editable label="Main Image" desc="optional: The large image that appears at the top of the page" name="top_image"
width='100%'
height=' 400'
type='image'
/>
<cms:editable label="Thumbnail Image" name="cover_image" desc="optional but preferred: The thumbnail image for the page, displayed on the homepage and list views" type='image' />
</cms:template>
<!--Check if the page is displaying a specific page, or the list of pages-->
<cms:if k_is_page>
<!DOCTYPE html>
<html>
<head>
<title>Watch • Pend</title>
<link rel="stylesheet" type="text/css" href="<cms:show k_site_link />css/main.css">
<link rel="stylesheet" type="text/css" href="<cms:show k_site_link />css/navbar.css">
<link rel="stylesheet" type="text/css" href="<cms:show k_site_link />css/template.css">
<link rel="stylesheet" type="text/css" href="<cms:show k_site_link />css/comments.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <!--settings for viewing website on a phone-->
<style>
.bg-primary {
background-color: blueviolet !important;
}
</style>
</head>
<body>
<div id="logo-banner" class="pagewide p-1 fixed-top">
<div class="container"><img src="<cms:show k_site_link />assets/logo.jpg" height=60px></div>
</div>
<!--Default navbar (top)-->
<nav id="pend-navbar-dtop" role="navigation" style="top:60px;" class="pend-navbar navbar navbar-expand-sm fixed-top justify-content-center custom-nav">
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link h-active" href="<cms:link masterpage='index.php' />">Home</a></li>
<li class="nav-item"><a class="nav-link" href="<cms:link masterpage='read.php' />">Read</a></li>
<li class="nav-item"><a class="nav-link" href="<cms:link masterpage='listen.php' />">Listen</a></li>
<li class="nav-item"><a class="nav-link" href="<cms:link masterpage='watch.php' />">Watch</a></li>
</ul>
</nav>
<div id="desktop-breaker" class="container-fluid invis-breaker"></div>
<div class="mobile-breaker">
<br>
<br>
<br>
</div>
<main class="container" style="padding-top:5px;padding-bottom:5px;" id="read-main">
<div class="title" style="border-color:blueviolet !important;">
<!--get category-->
<cms:if k_page_foldertitle>
<cms:set post_category=k_page_foldertitle />
<cms:else />
<cms:set post_category="Uncategorised" />
</cms:if>
<h1><a href="<cms:show k_page_link />"><cms:show k_page_title /></a></h1>
<h6>
<cms:date k_page_date format='jS M Y'/> • By <cms:show watch_author /> • <cms:show k_comments_count /> comments<br>
<span class="badge bg-primary"><cms:show watch_content_type /></span>
<span class="badge bg-secondary"><cms:show post_category /></span>
</h6>
</div>
<cms:if top_image>
<img id="top-image" src="<cms:show top_image />" width=100% height=400px>
</cms:if>
<div>
<video width="100%" controls>
<source src="<cms:show watch_content />">
Your browser does not support HTML5 video.
</video>
</div>
<div class="text-body" style="border-color: blueviolet !important;">
<cms:show watch_desc />
</div>
<cms:embed "comments_form.html" />
<div class="comments-section" style="border-color:blueviolet !important;">
<h2>Comments</h2><br>
<cms:if k_comments_count>
<cms:comments page_id=k_page_id order='asc'>
<li class="comment">
<div class="clearfix">
<small style="color:blueviolet;font-size:15px;"><cms:show k_comment_author /> • <cms:date k_comment_date format='jS M Y' /></small>
</div>
<div>
<p style="font-size:20px;"><cms:show k_comment /></p>
</div>
</li>
</cms:comments>
<cms:else />
<p>No comments yet. Be the first to add one!</p>
</cms:if>
</div>
</main>
<div class="mobile-breaker container-fluid invis-breaker"></div>
<!--mobile navbar (bottom, symbols)-->
<footer class="pend-navbar-m fixed-bottom mt-auto footer ">
<div class="container">
<span style="display:float">
<a href="<cms:link masterpage='index.php' />"><img src="<cms:show k_site_link />assets/home.png" width=40px height=40px></a>
<a href="<cms:link masterpage='read.php' />"><img src="<cms:show k_site_link />assets/read.png" width=40px height=40px></a>
<a href="<cms:link masterpage='listen.php' />"><img src="<cms:show k_site_link />assets/microphone.png" width=40px height=40px></a>
<a href="<cms:link masterpage='watch.php' />"><img src="<cms:show k_site_link />assets/watch.png" width=40px height=40px></a>
</span>
</div>
</footer>
</body>
</html>
<cms:else />
<cms:embed 'watch_homepage.html' />
</cms:if>
<?php COUCH::invoke(); ?>