footer_collabo.html 3.17 KB
Newer Older
藤川諒 committed
1 2 3
<footer id="collabo_footer">
  <div class="footer-wrap">
    <div class="d-flex justify-content-around h-100">
藤川諒 committed
4
      <div class="footer_item mx-md-3 photo_select_button collaboration_contents picture_contents">
Kim Peace committed
5
        <a href="javascript:togglePhotoOpenPlaceHolder();">
藤川諒 committed
6 7
          <div class="d-flex flex-column justify-content-center align-items-center" id="photo_open_place_holder">
            <div class="t-icon picture"></div>
藤川諒 committed
8
            <span class="text-white txt">ピクチャ</span>
藤川諒 committed
9 10 11
          </div>
        </a>
      </div>
藤川諒 committed
12
      <div class="footer_item mx-md-3 collaboration_contents picture_contents video_contents document_contents board_contents">
Kim Peace committed
13
        <a href="javascript:togglePen();">
藤川諒 committed
14 15
          <div class="d-flex flex-column justify-content-center align-items-center" id="penBtn">
            <div class="t-icon pen disable"></div>
藤川諒 committed
16 17 18 19
            <span class="text-white txt">ペン</span>
          </div>
        </a>
      </div>
藤川諒 committed
20
      <div class="footer_item mx-md-3 collaboration_contents picture_contents video_contents document_contents board_contents">
21
        <a href="javascript:toggleEraser();">
藤川諒 committed
22 23
          <div class="d-flex flex-column justify-content-center align-items-center" id="eraserBtn">
            <div class="t-icon delete"></div>
藤川諒 committed
24 25 26 27 28
            <span class="text-white txt">削除</span>
          </div>
        </a>
      </div>
      <div class="footer_item mx-md-3 collaboration_contents video_contents_host">
29
        <a href="javascript:toggleCapture();">
藤川諒 committed
30 31
          <div class="d-flex flex-column justify-content-center align-items-center" id="captureBtn">
            <div class="t-icon capture"></div>
藤川諒 committed
32 33 34 35 36
            <span class="text-white txt">キャプチャ</span>
          </div>
        </a>
      </div>
      <div class="footer_item mx-md-3 collaboration_contents video_contents_user">
37
        <a href="javascript:toggleCaptureRequest();">
藤川諒 committed
38
          <div class="d-flex flex-column justify-content-center align-items-center" id="captureRequestBtn">
藤川諒 committed
39
            <div class="t-icon capture my-0"></div>
藤川諒 committed
40
            <span class="text-white txt">キャプチャ<br>リクエスト</span>
藤川諒 committed
41 42 43 44
          </div>
        </a>
      </div>
      <div class="footer_item mx-md-3">
45
        <a href="javascript:toggleMic();">
藤川諒 committed
46 47
          <div class="d-flex flex-column justify-content-center align-items-center" id="micBtn">
            <div class="t-icon voice"></div>
藤川諒 committed
48
            <span class="text-white txt">マイク</span>
藤川諒 committed
49 50 51
          </div>
        </a>
      </div>
藤川諒 committed
52
      <div class="footer_item mx-md-3 none host_contents">
53
        <a href="javascript:toggleRecord();">
藤川諒 committed
54 55
          <div class="d-flex flex-column justify-content-center align-items-center" id="recordBtn">
            <div class="t-icon record"></div>
藤川諒 committed
56 57
            <span class="text-white txt">録音</span>
            <div class="flash-txt"><p>録音を開始しました</p></div>
藤川諒 committed
58 59 60
          </div>
        </a>
      </div>
藤川諒 committed
61
      <div class="footer_item mx-md-3">
Kim Peace committed
62
        <a href="javascript:CoviewBridge.exitCollaboration();">
藤川諒 committed
63 64
          <div class="img_wrap bg_red mx-1 end">
            <img src="icon/icon_close_white.svg" class="close_img" alt="閉じる">
藤川諒 committed
65 66 67 68 69
          </div>
        </a>
      </div>
    </div>
  </div>
Kim Peace committed
70
</footer>