diff options
Diffstat (limited to 'frontend/templates/faq.html')
| -rw-r--r-- | frontend/templates/faq.html | 288 |
1 files changed, 288 insertions, 0 deletions
diff --git a/frontend/templates/faq.html b/frontend/templates/faq.html new file mode 100644 index 0000000..b8d18d0 --- /dev/null +++ b/frontend/templates/faq.html @@ -0,0 +1,288 @@ +{% load static %} +{% get_static_prefix as STATIC_PREFIX %} + +<!doctype html> +<html> +<head> +<title>SCANNERJAMMER FAQ</title> +<style type="text/css"> +* + { + padding:0; + margin: 0; + } +body + { + font-family: trebuchet ms, helvetica, arial, sans-serif; +background-image: -webkit-gradient( + linear, + left bottom, + left top, + color-stop(0, rgb(117,0,60)), + color-stop(1, rgb(225,191,255)) +); +background-image: -moz-linear-gradient( + center bottom, + rgb(117,0,60) 0%, + rgb(225,191,255) 100% +); + + background-attachment: fixed; + } +html + { + padding-bottom: 300px; + } +body, html + { + width: 100%; height: 100%; + } +#logo + { + position: absolute; + top: 20px; + z-index: 20; + left: 20px; + } +#logobg + { + position: absolute; top: 10px; left: 0; width: 100%; height: 64px; + background-color: #000; opacity: 0.8; z-index: 19; + width: 900px; + } +#logo a + { + float: left; + display: inline-block; + } +#logo a img + { + display: inline-block; + } +#logo h1 + { + padding: 5px 0 0 25px; + font-size: 34px; + font-weight: normal; + font-style: italic; + font-family: georgia, garamond, serif; + color: #f8b; + display: inline-block; + } +#likebutton + { + float: right; + display: inline-block; + width: 90px; + height: 21px; + } + +h3 + { + display: block; + padding-bottom: 5px; + } +#faq + { + position: absolute; + top: 70px; + left: 260px; + width: 600px; + padding: 20px 20px 20px 20px; + background-color: #fff; + } + +aside + { + float: right; + position: relative; + padding: 10px; + margin: 10px; + font-size: 12px; + background-color: #ffc8e8; + color: #222; + } +aside b + { + color: #000; + } +p + { + line-height: 22px; + margin-bottom: 15px; + color: #333; + } +p u + { + text-decoration: none; + color: #000; + } +p b + { + color: #000; + } +#blackflower + { + margin-left: 60px; + } +#bfmask + { + position: absolute; + z-index: 20; + } +#flower + { + display: block; + padding-bottom: 20px; + } +a + { + color: #a0d; + } +#sitez + { + position: absolute; + top: 25px; + left: 920px; + padding: 10px; + background-color: #fff; + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + border-radius: 20px; + } +#contact + { + position: absolute; + top: 90px; + left: 920px; + padding: 10px; + background-color: #fff; + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + border-radius: 20px; + } +</style> +</head> +<body> +<section id="logo"> + <a href="/"><img src="{{ STATIC_PREFIX }}/img/scanjam-title.gif" width="347" height="44" id="scanjam" border="0" /></a> + <h1 id="header">frequently asked questions</h1> +</section> +<section id="logobg"></section> + +<section id="sitez"> + <a href="/">Rooms</a> · + <a href="/top/">Top Videos Today</a> · + <a href="/directory/">Directory</a> +</section> + +<section id="contact"> +contact us: <a href="http://facebook.com/AAAFFF" target="_blank">facebook.com/AAAFFF</a><br/> +and follow <a href="http://twitter.com/scannerjammer" target="_blank">@scannerjammer</a> +</section> + +<section id="faq"> +<h3>why do I need to register and why do I need a username?</h3> +<p> +because this is an elite establishment. this is for SERIOUS internet browsers ONLY <b>......NOXQSZ.</b> +</p> +<p> +if you post "The Lonely Island" or any related videos in scannerjammer you will be held accountable. we care about the content of our site. +</p> +<p> +we want you to develop a reputation. all posts will be connected to your username. be forewarned. (no email or contact information is required upon registration) +</p> + +<h3>what is this?</h3> +<p> +this is a <b>crazy video chatroom</b> in which you can <b>post YOUTUBES, VIMEOS and SOUNDCLOUDS into the chat</b> as well as <b>GIFs and IMAGES.</b> the videos are added to a playlist that you can click through. +</p> + +<h3>how do I post a video?</h3> +<p> +to add media to the playlist, simply copy and paste the URL of the video or music that you want into the chat and hit SEND. +</p> + +<h3>what do I do (and how do I do it)?</h3> +<p> +the <u>SCAN</u> button enables you to scan through the videos like a scan button on a radio receiver. By hitting the <u>ESC</u> key, you can toggle through the full-screen modes. +</p> +<aside id="fullscreen"> + <b>keys in fulscreen mode:</b><br> + <b>ESC</b> exit fullscreen<br /> + <b>SPACEBAR</b> pause/play<br /> + <b>left/right</b> step<br /> + <b>L</b> like a video<br /> +</aside> +<p> +post the urls of images and gifs and they will show up on the chat as well as on your profile page. +</p> +<p> +by clicking <b>LIKE</b> on a video in the playlist, you add the video to a playlist of "likes" on your profile page.<br/> +<a href="/top/">See the top videos today.</a> +</p> +<p> +All profiles can be accessed by clicking on a username. also check out the <a href="/directory">Scannerjammer directory.</a> +</p> + +<section id="blackflower"> + <section id="bfmask"><img src="{{ STATIC_PREFIX }}/img/blackplantmask.png" height="500" /></section> + <img src="{{ STATIC_PREFIX }}/img/black-flower.gif" height="500" /> +</section> + +<h3>who made this?</h3> +<p> +it was made by Pepper DaStroyer (Andrew Fenlon) who is a crazed American Idol reject, Jules Welter (asdf.us), one of the operators of Rotten dot com, and Peter Le Bek (vokoda). +</p> + +<h3>are the creators of the website alive or dead?</h3> +<p> +all dead +</p> + +<h3>what does this site intend to accomplish?</h3> +<p> +this site was designed for people to talk with youtube videos in conjunction with words. our goal is to encourage people to post the best videos they can find and eventually make videos for the site. +</p> + +<h3>how do i get started using this?</h3> +<p> +post a youtube url into the chat and begin. also, you should say hello to whomever is in the room. +</p> + +<h3>can you post anything other than youtube?</h3> +<p> +yes. we can play any Vimeo or Soundcloud url. +</p> + +<h3>how can I help scannerjammer, I like this site!</h3> + <div id="likebutton"> + <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="http://scannerjammer.com:17769/" layout="button_count" show_faces="false" width="90" font=""></fb:like> + </div> +<p> + click the like button. it's crucial ------------------> +</p> + +<h3>how do I improve my fav score?</h3> +<p> +post the best video you can find and cross your fingers +</p> + +<section id="flower"><img src="{{ STATIC_PREFIX }}/img/flower-red.gif" height="400" /></section> +<h3>what does the flower mean?</h3> +<p> +the flower means you liked something +</p> +<section id="plant"><img src="{{ STATIC_PREFIX }}/img/plant.gif" height="700" /></section> +<h3>what does the glittery plant mean?</h3> +<p> +the plant means someone liked a video you posted <3 +</p> +<br/> <br/> <br/> <br/> <br/> <br/> +<br/> <br/> <br/> <br/> <br/> <br/> +</section> +</body> +<script> +</script> +</html> + |