diff options
Diffstat (limited to 'views/controls/reader')
| -rw-r--r-- | views/controls/reader/about-room.ejs | 33 | ||||
| -rw-r--r-- | views/controls/reader/embed.ejs | 26 | ||||
| -rw-r--r-- | views/controls/reader/media-player.ejs | 12 |
3 files changed, 52 insertions, 19 deletions
diff --git a/views/controls/reader/about-room.ejs b/views/controls/reader/about-room.ejs index e13f363..a9ef738 100644 --- a/views/controls/reader/about-room.ejs +++ b/views/controls/reader/about-room.ejs @@ -1,21 +1,28 @@ <div class="aboutRoom vvbox"> <h1> - [[- name ]], - <a href="[[- authorlink ]]">[[- author ]]</a> + <span class="roomName">[[- name ]]</span> + <br> + [[ if (authorpic) { ]] + <a href="[[- authorlink ]]" class="authorName"><div class="profilePic" style="background-image:url([[- authorpic ]])"></div></a> + [[ } else { ]] + <a href="[[- authorlink ]]" class="authorName"><span class="ion-ios-person-outline"></span></a> + [[ } ]] + <a href="[[- authorlink ]]" class="authorName">[[- author ]]</a> </h1> [[ if (description) { ]] - <span class="txt">[[- description ]]</span> + <span class="txt description">[[- description ]]</span> [[ } ]] - <h2> - Last modified [[- date ]] + + <span class="txt">Last modified [[- date ]]</span> + + <div class="share"> + <h2>Share on–</h2> + <a id="share_facebook">Facebook</a> + <a id="share_twitter">Twitter</a> + <a id="share_embed">Embed</a> + </div> + [[ if (canEdit) { ]] - <a href="[[- editlink ]]" class="btn warn marg">Edit Room</a> + <a href="[[- editlink ]]" class="btn warn marg" id="edit-room-link">Edit Room</a> [[ } ]] - </h2> -</div> - -<div class="share"> - <h2>Share this on–</h2> - <a href="#">Facebook</a> - <a href="#">Twitter</a> </div> diff --git a/views/controls/reader/embed.ejs b/views/controls/reader/embed.ejs new file mode 100644 index 0000000..814644d --- /dev/null +++ b/views/controls/reader/embed.ejs @@ -0,0 +1,26 @@ +<div class="embedView fixed mediaDrawer animate"> + <span class="close">X</span> + + <div class="rap"> + <div class="holder"> + <div class="inner vvbox"> + <h2>Embed VValls</h2> + + <p> + This code generates an iframe which will embed this room in your website or blog. + </p> + <textarea id="embedCode"></textarea> + + dimensions: <input type="text" name="width">x<input type="text" name="height"> + <input type="checkbox" name="mute" id="mute" checked><label for="mute">mute</label> + <input type="checkbox" name="interactive" id="interactive" checked><label for="interactive">interactive</label> +<!-- + <input type="checkbox" id=""> <label for=""></label> + <input type="checkbox" id=""> <label for=""></label> + <input type="checkbox" id=""> <label for=""></label> + --> + <span id="testEmbed">test</span> + </div> + </div> + </div> +</div> diff --git a/views/controls/reader/media-player.ejs b/views/controls/reader/media-player.ejs index ca03ec8..cac9992 100644 --- a/views/controls/reader/media-player.ejs +++ b/views/controls/reader/media-player.ejs @@ -1,19 +1,19 @@ <div class="vvbox settings" id="mediaPlayer"> - <span class="playButton video" data-role="play-media"> - <span class="on icon-play"></span> - <span class="off icon-pause"></span> + <span class="playButton video audio" data-role="play-media"> + <span class="on ion-play"></span> + <span class="off ion-pause"></span> </span> <span class="muteButton video" data-role="mute-media"> - <span class="on icon-volume-high"></span> - <span class="off icon-volume-mute"></span> + <span class="on ion-volume-high"></span> + <span class="off ion-volume-mute"></span> </span> <span class="name"></span> <div class="author"></div> - <div class="description"></div> + <div class="txt description"></div> <div class="dimensions"></div> </div> |