CAMP/rizk
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

small things

Browse Source
This commit is contained in:
sanj 2010-10-26 19:37:25 +02:00
parent 4048938ec0
commit 7fc26b6e55
3 changed files with 20 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
rizk/static/css/rizk.css
View File

@ -2,6 +2,7 @@ body {
width: 100%; width: 100%;
height: 100%; height: 100%;
background: #999; background: #999;
font-family: "DejaVu Sans", Arial, Verdana, sans-serif;
background: -moz-radial-gradient(45px 45px 45deg, circle cover, background: -moz-radial-gradient(45px 45px 45deg, circle cover,
#ABAE71 0%, #CDD53F 100%, #E6F215 95%); #ABAE71 0%, #CDD53F 100%, #E6F215 95%);
background: -webkit-gradient(radial, 45px 45px 45deg, circle cover, background: -webkit-gradient(radial, 45px 45px 45deg, circle cover,
@ -174,6 +175,16 @@ a img {
box-shadow: 0px 0px 1.5em; box-shadow: 0px 0px 1.5em;
} }
.mediaWrap {
padding: 8px;
}
h2 {
margin: 0px;
padding: 0px;
font-weight: normal;
}
.imageWrapper .mapSelect img { .imageWrapper .mapSelect img {
width: 100px; width: 100px;
height: 100px; height: 100px;

1
rizk/static/js/rizk.js
View File

@ -117,6 +117,7 @@ function displayMedia(data) {
} }
function onFeatureSelect(f) { function onFeatureSelect(f) {
$('.eventSelected').removeClass('eventSelected');
if (currentlySelectedFeature == f) { if (currentlySelectedFeature == f) {
return false; return false;
} else { } else {

14
rizk/templates/rizk.html
View File

@ -23,8 +23,8 @@
<script type="text/html" id="tmpl_images"> <script type="text/html" id="tmpl_images">
<div class="imagesWrapper"> <div class="imagesWrapper mediaWrap">
<% if (images.length > 0) { %> Images from FlickR: <% } %> <br /> <% if (images.length > 0) { %> <h2>Images from FlickR:</h2> <% } %> <br />
<% for (var i=0; i<images.length;i++) { var img = images[i]; %> <% for (var i=0; i<images.length;i++) { var img = images[i]; %>
<div class="imageWrapper"> <div class="imageWrapper">
<a href="<%= img.sizes[3].source %>" class="flickrImage mediaThumb" title="<%= img.photoInfo.title %>" data-id="<%= img.id %>" data-location="<%= img.location.id %>" data-event="<%= img.event.id %>" rel="group_<%= img.id %>"> <a href="<%= img.sizes[3].source %>" class="flickrImage mediaThumb" title="<%= img.photoInfo.title %>" data-id="<%= img.id %>" data-location="<%= img.location.id %>" data-event="<%= img.event.id %>" rel="group_<%= img.id %>">
@ -37,8 +37,8 @@
</script> </script>
<script type="text/html" id="tmpl_youtubes"> <script type="text/html" id="tmpl_youtubes">
<div class="videosWrapper"> <div class="videosWrapper mediaWrap">
<% if (videos.length > 0) { %> Videos from YouTube: <% } %> <br /> <% if (videos.length > 0) { %> <h2>Videos from YouTube:</h2> <% } %> <br />
<% for (var i=0; i<videos.length;i++) { var vid = videos[i]; %> <% for (var i=0; i<videos.length;i++) { var vid = videos[i]; %>
<div class="videoWrapper"> <div class="videoWrapper">
<a href="<%= vid.url %>" target="_blank" class="youtubeVideo mediaThumb" title="<%= vid.info.description %>" data-id="<%= vid.id %>" data-event="<%= vid.event.id %>" data-location="<%= vid.location.id %>" rel="group_<%= vid.id %>"> <a href="<%= vid.url %>" target="_blank" class="youtubeVideo mediaThumb" title="<%= vid.info.description %>" data-id="<%= vid.id %>" data-event="<%= vid.event.id %>" data-location="<%= vid.location.id %>" rel="group_<%= vid.id %>">
@ -51,7 +51,7 @@
</script> </script>
<script type="text/html" id="tmpl_texts"> <script type="text/html" id="tmpl_texts">
<div class="textsWrapper"> <div class="textsWrapper mediaWrap">
<% for (var i=0; i<texts.length;i++) { var txt = texts[i]; %> <% for (var i=0; i<texts.length;i++) { var txt = texts[i]; %>
<p class="textWrapper flyoverImage" data-id="<%= txt.flyover.id %>"> <p class="textWrapper flyoverImage" data-id="<%= txt.flyover.id %>">
<%= txt.text %> <%= txt.text %>
@ -61,7 +61,9 @@
</script> </script>
<script type="text/html" id="tmpl_padmas"> <script type="text/html" id="tmpl_padmas">
<% if (videos.length > 0) { %> Videos from Pad.ma <% } %>: <div class="padmasWrapper mediaWrap">
<% if (videos.length > 0) { %> <h2>Videos from Pad.ma:</h2> <% } %>
</div>
</script> </script>
<script type="text/html" id="tmpl_about"> <script type="text/html" id="tmpl_about">