commit 4a53f21281bd9e2f8632df293ecbe7a84e3d6712 Author: David Zálešák Date: Fri Jan 22 11:32:40 2021 +0100 initial commit diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..687fb59 --- /dev/null +++ b/css/style.css @@ -0,0 +1,118 @@ +@font-face { + font-family: "RobotoSlab"; + src: url("../fonts/RobotoSlab-Regular.ttf"); +} + +html { + height: 100%; +} + +body { + font-family: RobotoSlab; + color: #707070; + height: 100%; + margin: 0; + scrollbar-color: #969696 #d8d8d8; + + display: grid; + grid-template-columns: 25vw auto; + grid-template-rows: auto auto; + grid-template-areas: + "comments video" + "comments text"; +} + +aside { + grid-area: comments; + background-color: #ededed; + display: flex; + flex-direction: column; + overflow-y: scroll; +} + +main { + background-color: #282828; + grid-area: video; + + display: grid; + justify-items: center; + align-items: center; +} + +video { + max-width: 100%; + max-height: 75vh; +} + +article { + grid-area: text; + background-color: white; + padding: 4vh 5vw 4vh 2vw; + overflow-y: auto; +} + +article h1:first-child { + margin-top: 0; +} + +h1, +h2, +h3 { + margin-bottom: 0; +} + +h1 { + font-size: 1.6rem; +} +h2 { + font-size: 1.4rem; +} +h3 { + font-size: 1.2rem; +} + +p { + margin: 0; +} +article p:last-child { + margin-bottom: 2vw; +} + +.comment { + display: grid; + padding: 3vh 2vw 3vh 1.5vw; + font-size: 0.88rem; + + column-gap: 12px; + row-gap: 2px; + grid-template-columns: max-content auto; + grid-template-rows: max-content max-content; + grid-template-areas: + "icon time" + "icon comment"; + border-bottom: 0.1vh solid #707070; +} +.comment:last-child { + border: none; +} +.activeComment { + background-color: #fff; +} + +.icon { + grid-area: icon; + margin-top: 4px; + width: 36px; + height: 36px; + text-align: center; + vertical-align: top; +} + +.time { + grid-area: time; + color: #c1c1c1; +} + +.commentText { + grid-area: comment; +} diff --git a/favicon.ico b/favicon.ico new file mode 100644 index 0000000..e69de29 diff --git a/fonts/RobotoSlab-Bold.ttf b/fonts/RobotoSlab-Bold.ttf new file mode 100644 index 0000000..463745a Binary files /dev/null and b/fonts/RobotoSlab-Bold.ttf differ diff --git a/fonts/RobotoSlab-Regular.ttf b/fonts/RobotoSlab-Regular.ttf new file mode 100644 index 0000000..cc04d6a Binary files /dev/null and b/fonts/RobotoSlab-Regular.ttf differ diff --git a/img/closed-captioning-active.svg b/img/closed-captioning-active.svg new file mode 100644 index 0000000..23c0187 --- /dev/null +++ b/img/closed-captioning-active.svg @@ -0,0 +1,61 @@ + + + + + + image/svg+xml + + + + + + + + + diff --git a/img/closed-captioning.svg b/img/closed-captioning.svg new file mode 100644 index 0000000..a977543 --- /dev/null +++ b/img/closed-captioning.svg @@ -0,0 +1,61 @@ + + + + + + image/svg+xml + + + + + + + + + diff --git a/img/play-active.svg b/img/play-active.svg new file mode 100644 index 0000000..cc937c8 --- /dev/null +++ b/img/play-active.svg @@ -0,0 +1,60 @@ + + + + + + image/svg+xml + + + + + + + + + diff --git a/img/play.svg b/img/play.svg new file mode 100644 index 0000000..421b747 --- /dev/null +++ b/img/play.svg @@ -0,0 +1,60 @@ + + + + + + image/svg+xml + + + + + + + + + diff --git a/img/sticky-note-line.svg b/img/sticky-note-line.svg new file mode 100644 index 0000000..2b35952 --- /dev/null +++ b/img/sticky-note-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/index.php b/index.php new file mode 100644 index 0000000..bd02dd6 --- /dev/null +++ b/index.php @@ -0,0 +1,72 @@ + + + + + + + ToViCo + + + + + + + + + +
+ + +
+
+

Nadpis velký

+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum sunt, quo incidunt modi nostrum harum. Deserunt accusamus doloribus numquam ut? Sequi et provident modi eveniet enim repellat error mollitia explicabo!

+ +

Nadpis menší

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores sunt animi veritatis.

+ +

Nadpis nejmenší

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores sunt animi veritatis.

+ +
+ + + + \ No newline at end of file diff --git a/js/controller.js b/js/controller.js new file mode 100644 index 0000000..88a7bed --- /dev/null +++ b/js/controller.js @@ -0,0 +1,9 @@ +class Controller { + constructor() { + this.init(); + } + + init() { + console.log("here"); + } +} \ No newline at end of file diff --git a/js/main.js b/js/main.js new file mode 100644 index 0000000..49d2d1d --- /dev/null +++ b/js/main.js @@ -0,0 +1 @@ +const app = new Controller(); \ No newline at end of file diff --git a/video.mp4 b/video.mp4 new file mode 100644 index 0000000..c077b10 Binary files /dev/null and b/video.mp4 differ