Annotation-Pushers
/
Annotation-System
1
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity

cinera.c: Namespacing

This commit is contained in:
Matt Mascarenhas 2017-12-10 00:17:19 +00:00
parent 9ce24be33a
commit f07cc87629
6 changed files with 129 additions and 437 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
cinera/cinera.c
View File

@ -14,7 +14,7 @@ typedef struct
version CINERA_APP_VERSION = { version CINERA_APP_VERSION = {
.Major = 0, .Major = 0,
.Minor = 5, .Minor = 5,
.Patch = 6 .Patch = 7
}; };
#define CINERA_DB_VERSION 1 #define CINERA_DB_VERSION 1
@ -1998,14 +1998,14 @@ HMMLToBuffers(buffers *CollationBuffers, char *Filename)
int UniqueRefs = 0; int UniqueRefs = 0;
CopyStringToBuffer(&CollationBuffers->Menus, CopyStringToBuffer(&CollationBuffers->Menus,
" <div class=\"title %s\">\n" " <div class=\"cineraMenus %s\">\n"
" <span class=\"episode_name\">", StringsDiffer(Config.Theme, "") ? Config.Theme : HMML.metadata.project); " <span class=\"episode_name\">", StringsDiffer(Config.Theme, "") ? Config.Theme : HMML.metadata.project);
CopyStringToBufferHTMLSafe(&CollationBuffers->Menus, HMML.metadata.title); CopyStringToBufferHTMLSafe(&CollationBuffers->Menus, HMML.metadata.title);
CopyStringToBuffer(&CollationBuffers->Menus, "</span>\n" CopyStringToBuffer(&CollationBuffers->Menus, "</span>\n"
" <span id=\"focus-warn\">⚠ Click here to regain focus ⚠</span>\n"); " <span id=\"focus-warn\">⚠ Click here to regain focus ⚠</span>\n");
CopyStringToBuffer(&CollationBuffers->Player, CopyStringToBuffer(&CollationBuffers->Player,
" <div class=\"player_container\">\n" " <div class=\"cineraPlayerContainer\">\n"
" <div class=\"video_container\" data-videoId=\"%s\"></div>\n" " <div class=\"video_container\" data-videoId=\"%s\"></div>\n"
" <div class=\"markers_container %s\">\n", HMML.metadata.id, StringsDiffer(Config.Theme, "") ? Config.Theme : HMML.metadata.project); " <div class=\"markers_container %s\">\n", HMML.metadata.id, StringsDiffer(Config.Theme, "") ? Config.Theme : HMML.metadata.project);
@ -3733,9 +3733,10 @@ IndexToBuffer(buffers *CollationBuffers)
return RC_ERROR_PROJECT; return RC_ERROR_PROJECT;
} }
char queryContainer[512]; int ThemeStringLength = StringsDiffer(Config.Theme, "") ? (StringLength(Config.Theme) * 2) : (StringLength(Config.ProjectID) * 2);
char queryContainer[512 + ThemeStringLength];
CopyString(queryContainer, CopyString(queryContainer,
"<div class=\"queryContainer %s\">\n" "<div class=\"cineraQueryContainer %s\">\n"
" <label for=\"query\">Query:</label>\n" " <label for=\"query\">Query:</label>\n"
" <div class=\"inputContainer\">\n" " <div class=\"inputContainer\">\n"
" <input type=\"text\" id=\"query\" autofocus=\"\">\n" " <input type=\"text\" id=\"query\" autofocus=\"\">\n"
@ -3744,8 +3745,8 @@ IndexToBuffer(buffers *CollationBuffers)
" </div>\n" " </div>\n"
" </div>\n" " </div>\n"
" </div>\n" " </div>\n"
" <div id=\"resultsSummary\">Found: 0 episodes, 0 markers, 0h 0m 0s total.</div>\n" " <div id=\"cineraResultsSummary\">Found: 0 episodes, 0 markers, 0h 0m 0s total.</div>\n"
" <div id=\"results\"></div>\n" " <div id=\"cineraResults\"></div>\n"
"\n" "\n"
" <dl id=\"cineraIndex\" class=\"%s\">\n", " <dl id=\"cineraIndex\" class=\"%s\">\n",
StringsDiffer(Config.Theme, "") ? Config.Theme : Config.ProjectID, StringsDiffer(Config.Theme, "") ? Config.Theme : Config.ProjectID,

232
cinera/cinera.css
View File

@ -1,27 +1,27 @@
/* Index */ /* Index */
.queryContainer { .cineraQueryContainer {
width: 1024px; width: 1024px;
margin: 15px auto; margin: 15px auto;
display: flex; display: flex;
flex-direction: horizontal; flex-direction: horizontal;
} }
.queryContainer label { .cineraQueryContainer label {
flex-grow: 0; flex-grow: 0;
flex-shrink: 0; flex-shrink: 0;
} }
.queryContainer .inputContainer { .cineraQueryContainer .inputContainer {
flex-grow: 1; flex-grow: 1;
position: relative; position: relative;
} }
#query { .cineraQueryContainer #query {
width: 100%; width: 100%;
} }
.spinner { .cineraQueryContainer .inputContainer .spinner {
position: absolute; position: absolute;
top: 2px; top: 2px;
right: 5px; right: 5px;
@ -30,17 +30,17 @@
display: none; display: none;
} }
.spinner.show { .cineraQueryContainer .inputContainer .spinner.show {
display: block; display: block;
} }
#results, #cineraResults,
#cineraIndex { #cineraIndex {
width: 800px; width: 800px;
margin: 0 auto; margin: 0 auto;
} }
.dayName { #cineraResults .dayContainer .dayName {
width: 200px; width: 200px;
display: inline-block; display: inline-block;
vertical-align: top; vertical-align: top;
@ -56,14 +56,14 @@
text-decoration: none; text-decoration: none;
} }
.markerList { #cineraResults .markerList {
display: inline-block; display: inline-block;
width: 600px; width: 600px;
box-sizing: border-box; box-sizing: border-box;
vertical-align: top; vertical-align: top;
} }
.markerList > .marker { #cineraResults .markerList > .marker {
padding: 10px 5px; padding: 10px 5px;
cursor: pointer; cursor: pointer;
border-top: 1px solid; border-top: 1px solid;
@ -71,11 +71,11 @@
text-decoration: none; text-decoration: none;
} }
.markerList > .marker:first-child { #cineraResults .markerList > .marker:first-child {
border: none; border: none;
} }
#resultsSummary { #cineraResultsSummary {
text-align: center; text-align: center;
margin: 10px 0; margin: 10px 0;
} }
@ -84,35 +84,35 @@
/* Structure */ /* Structure */
.title, .cineraMenus,
.title > .menu > .refs .ref, .cineraMenus > .menu > .refs .ref,
.title > .menu > .credits_container .credit { .cineraMenus > .menu > .credits_container .credit {
border-bottom: 1px solid; border-bottom: 1px solid;
display: flex; display: flex;
text-decoration: none; text-decoration: none;
} }
.title > *, .cineraMenus > *,
.title > .menu > .refs .ref, .cineraMenus > .menu > .refs .ref,
.title > .menu > .credits_container .credit .person { .cineraMenus > .menu > .credits_container .credit .person {
padding: 10px; padding: 10px;
} }
.title .episode_name { .cineraMenus .episode_name {
flex: 1; flex: 1;
} }
.title > #focus-warn { .cineraMenus > #focus-warn {
color: #F00; color: #F00;
flex: 1; flex: 1;
margin: auto; margin: auto;
} }
.title > .menu { .cineraMenus > .menu {
position: relative; position: relative;
} }
.title > .menu .mouse_catcher { .cineraMenus > .menu .mouse_catcher {
position: absolute; position: absolute;
height: 100%; height: 100%;
width: 100%; width: 100%;
@ -120,16 +120,16 @@
right: 0; right: 0;
} }
.title > .menu.filter.responsible, .cineraMenus > .menu.filter.responsible,
.title .filter_content.responsible, .cineraMenus .filter_content.responsible,
.title .filter_content.responsible .text, .cineraMenus .filter_content.responsible .text,
.title > .menu > .filter_container .filter_mode.responsible { .cineraMenus > .menu > .filter_container .filter_mode.responsible {
animation-duration: 8s; animation-duration: 8s;
animation-timing-function: ease-out; animation-timing-function: ease-out;
animation-iteration-count: 1; animation-iteration-count: 1;
} }
.help_key { .cineraMenus .help .help_container .help_key {
font-family: Inconsolata; font-family: Inconsolata;
font-size: 16px; font-size: 16px;
border: 1px solid; border: 1px solid;
@ -143,45 +143,45 @@
margin: 2px; margin: 2px;
} }
.help_key.unavailable, .cineraMenus .help .help_container .help_key.unavailable,
.help_text.unavailable, .cineraMenus .help .help_container .help_text.unavailable,
.help_container h2 .unavailable { .cineraMenus .help .help_container h2 .unavailable {
opacity: 0.32; opacity: 0.32;
} }
.key_block { .cineraMenus .help .help_container .key_block {
display: inline-flex; display: inline-flex;
align-items: flex-end; align-items: flex-end;
flex-direction: row; flex-direction: row;
margin: 8px; margin: 8px;
} }
.help_text { .cineraMenus .help .help_container .help_text {
margin: 0 8px 0 2px; margin: 0 8px 0 2px;
} }
.help_container h1 { .cineraMenus .help .help_container h1 {
display: inline; display: inline;
margin-left: 4px; margin-left: 4px;
} }
.help_container h1:after { .cineraMenus .help .help_container h1:after {
content: "\a"; content: "\a";
} }
.help_container h2 { .cineraMenus .help .help_container h2 {
font-size: 16px; font-size: 16px;
margin-bottom: 8px; margin-bottom: 8px;
} }
.help_paragraph { .cineraMenus .help .help_container .help_paragraph {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
} }
.title > .help { .cineraMenus > .help {
cursor: default; cursor: default;
border: 1px solid; border: 1px solid;
border-radius: 4px; border-radius: 4px;
@ -195,12 +195,12 @@
text-align: center; text-align: center;
} }
.help_grid { .cineraMenus .help .help_container .help_grid {
display: inline-flex; display: inline-flex;
flex-direction: column; flex-direction: column;
} }
.help_container { .cineraMenus .help .help_container {
background-color: black; /* Per project */ background-color: black; /* Per project */
color: #EEE; /* Per project */ color: #EEE; /* Per project */
display: none; display: none;
@ -213,13 +213,13 @@
top: 42px; top: 42px;
} }
.help_container.visible { .cineraMenus .help .help_container.visible {
display: block; display: block;
} }
.title > .menu .refs, .cineraMenus > .menu .refs,
.title > .menu .filter_container, .cineraMenus > .menu .filter_container,
.title > .menu .credits_container{ .cineraMenus > .menu .credits_container{
border: 1px solid; border: 1px solid;
border-top: none; border-top: none;
display: none; display: none;
@ -232,181 +232,181 @@
z-index: 1; z-index: 1;
} }
.title > .menu .refs, .cineraMenus > .menu .refs,
.title > .menu .filter_container { .cineraMenus > .menu .filter_container {
width: 350px; width: 350px;
} }
.title > .menu .credits_container { .cineraMenus > .menu .credits_container {
min-width: 240px; min-width: 240px;
} }
/*.title > .menu:hover .refs,*/ /*.title > .menu:hover .refs,*/
.title > .menu.quotes .refs.visible, .cineraMenus > .menu.quotes .refs.visible,
.title > .menu.references .refs.visible, .cineraMenus > .menu.references .refs.visible,
/*.title > .menu:hover .filter_container,*/ /*.title > .menu:hover .filter_container,*/
.title > .menu.filter .filter_container.visible, .cineraMenus > .menu.filter .filter_container.visible,
.title > .menu.credits .credits_container.visible { .cineraMenus > .menu.credits .credits_container.visible {
/*.title > .menu:hover .credits_container {*/ /*.title > .menu:hover .credits_container {*/
display: block; display: block;
} }
.title > .menu > .refs .ref { .cineraMenus > .menu > .refs .ref {
flex-direction: column; flex-direction: column;
} }
.title > .menu > .credits_container .credit { .cineraMenus > .menu > .credits_container .credit {
cursor: default; cursor: default;
} }
.title > .menu > .credits_container .credit .person { .cineraMenus > .menu > .credits_container .credit .person {
flex-grow: 1; flex-grow: 1;
text-decoration: none; text-decoration: none;
} }
.title > .menu > .credits_container .credit .support { .cineraMenus > .menu > .credits_container .credit .support {
padding: 16px; padding: 16px;
} }
.title > .menu > .credits_container .credit .support .support_icon { .cineraMenus > .menu > .credits_container .credit .support .support_icon {
height: 16px; height: 16px;
width: 16px; width: 16px;
} }
.title > .menu > .refs .ref:last-child, .cineraMenus > .menu > .refs .ref:last-child,
.title > .menu > .credits_container .credit:last-child { .cineraMenus > .menu > .credits_container .credit:last-child {
border: none; border: none;
} }
.title > .menu > .refs .ref .timecode, .cineraMenus > .menu > .refs .ref .timecode,
.title > .menu > .filter_container .filter_mode { .cineraMenus > .menu > .filter_container .filter_mode {
font-size: 12px; font-size: 12px;
} }
.title > .menu > .refs .ref .timecode { .cineraMenus > .menu > .refs .ref .timecode {
cursor: pointer; cursor: pointer;
display: inline-block; display: inline-block;
padding: 0; padding: 0;
} }
.title > .menu > .refs .ref .timecode:hover { .cineraMenus > .menu > .refs .ref .timecode:hover {
/* TODO(matt): background-image "play" symbol, right aligned */ /* TODO(matt): background-image "play" symbol, right aligned */
} }
.title > .menu > .refs .ref .ref_content, .cineraMenus > .menu > .refs .ref .ref_content,
.title > .menu > .filter_content { .cineraMenus > .menu > .filter_content {
margin-bottom: 8px; margin-bottom: 8px;
width: 100%; width: 100%;
} }
.title > .menu > .refs .ref .source, .cineraMenus > .menu > .refs .ref .source,
.title > .menu > .refs .ref .quote_byline, .cineraMenus > .menu > .refs .ref .quote_byline,
.title > .menu > .filter_container .filter_title, .cineraMenus > .menu > .filter_container .filter_title,
.title > .menu > .credits_container .credit .role { .cineraMenus > .menu > .credits_container .credit .role {
font-size: 10px; font-size: 10px;
} }
.title > .menu > .refs .ref .source, .cineraMenus > .menu > .refs .ref .source,
.title > .menu > .refs .ref .quote_byline, .cineraMenus > .menu > .refs .ref .quote_byline,
.title > .menu > .credits_container .credit .role { .cineraMenus > .menu > .credits_container .credit .role {
line-height: 8px; line-height: 8px;
} }
.title > .menu > .refs .ref .quote_byline, .cineraMenus > .menu > .refs .ref .quote_byline,
.title > .menu > .refs .ref .ref_indices { .cineraMenus > .menu > .refs .ref .ref_indices {
width: 100%; width: 100%;
} }
.title > .menu > .refs .ref .quote_byline { .cineraMenus > .menu > .refs .ref .quote_byline {
text-align: right; text-align: right;
} }
.title > .menu > .refs .ref .ref_indices { .cineraMenus > .menu > .refs .ref .ref_indices {
text-align: center; text-align: center;
} }
.title > .menu > .refs .ref .ref_indices .timecode:first-child::before { .cineraMenus > .menu > .refs .ref .ref_indices .timecode:first-child::before {
content: ""; content: "";
} }
.title > .menu > .refs .ref .ref_indices .timecode::before { .cineraMenus > .menu > .refs .ref .ref_indices .timecode::before {
content: "•"; content: "•";
margin: 0 4px; margin: 0 4px;
} }
.title > .menu > .refs .ref .timecode .ref_index { .cineraMenus > .menu > .refs .ref .timecode .ref_index {
margin-right: 4px; margin-right: 4px;
} }
.title > .menu > .filter_container .filter_mode { .cineraMenus > .menu > .filter_container .filter_mode {
cursor: pointer; cursor: pointer;
border-bottom: 1px solid; border-bottom: 1px solid;
text-align: center; text-align: center;
} }
.title > .menu > .filter_container .filter_mode.exclusive:after { .cineraMenus > .menu > .filter_container .filter_mode.exclusive:after {
content: "exclusive"; content: "exclusive";
} }
.title > .menu > .filter_container .filter_mode.inclusive:after { .cineraMenus > .menu > .filter_container .filter_mode.inclusive:after {
content: "inclusive"; content: "inclusive";
} }
.title > .menu > .filter_container .filter_title { .cineraMenus > .menu > .filter_container .filter_title {
text-align: center; text-align: center;
} }
.title > .menu > .filter_container .filters { .cineraMenus > .menu > .filter_container .filters {
display: flex; display: flex;
flex-flow: row nowrap; flex-flow: row nowrap;
} }
.title > .menu > .filter_container .filters > * { .cineraMenus > .menu > .filter_container .filters > * {
width: 50%; width: 50%;
} }
.title > .menu > .filter_container .filter_content { .cineraMenus > .menu > .filter_container .filter_content {
cursor: pointer; cursor: pointer;
} }
.title > .menu > .filter_container .filter_content .icon { .cineraMenus > .menu > .filter_container .filter_content .icon {
margin: 0 4px; margin: 0 4px;
} }
.title > .menu > .filter_container .filter_content.off .icon { .cineraMenus > .menu > .filter_container .filter_content.off .icon {
background: transparent; background: transparent;
} }
.title > .menu > .filter_container .filter_content.rant .icon { .cineraMenus > .menu > .filter_container .filter_content.rant .icon {
color: #F00; color: #F00;
} }
.title > .menu > .filter_container .filter_media .filter_content.off .icon { .cineraMenus > .menu > .filter_container .filter_media .filter_content.off .icon {
opacity: 0.32; opacity: 0.32;
} }
.title > .menu > .filter_container .filter_content.rant .text, .cineraMenus > .menu > .filter_container .filter_content.rant .text,
.markers_container > .marker.rant .content, .cineraPlayerContainer .markers_container > .marker.rant .content,
.markers_container > .marker.off_rant .content { .cineraPlayerContainer .markers_container > .marker.off_rant .content {
font-variant: small-caps; font-variant: small-caps;
} }
.player_container { .cineraPlayerContainer {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
} }
.video_container { .cineraPlayerContainer .video_container {
flex-grow: 1; flex-grow: 1;
overflow: hidden; overflow: hidden;
} }
.markers_container { .cineraPlayerContainer .markers_container {
overflow-y: scroll; overflow-y: scroll;
position: relative; position: relative;
} }
.markers_container > .marker { .cineraPlayerContainer .markers_container > .marker {
border-bottom: 1px solid; border-bottom: 1px solid;
position: relative; position: relative;
cursor: pointer; cursor: pointer;
@ -414,13 +414,13 @@
transition: max-height .32s; transition: max-height .32s;
} }
.markers_container > .marker.skip { .cineraPlayerContainer .markers_container > .marker.skip {
max-height: 0; max-height: 0;
transition: max-height .32s; transition: max-height .32s;
overflow: hidden; overflow: hidden;
} }
.markers_container > .marker .content { .cineraPlayerContainer .markers_container > .marker .content {
box-sizing: border-box; box-sizing: border-box;
display: block; display: block;
font-size: 14px; font-size: 14px;
@ -429,31 +429,31 @@
word-wrap: break-word; word-wrap: break-word;
} }
.markers_container > .marker.authored .content .author, .cineraPlayerContainer .markers_container > .marker.authored .content .author,
.markers_container > .marker.off_authored .content .author { .cineraPlayerContainer .markers_container > .marker.off_authored .content .author {
font-style: normal; font-style: normal;
font-variant: normal; font-variant: normal;
font-weight: bold; font-weight: bold;
} }
.title > .menu > .refs .ref .ref_title, .cineraMenus > .menu > .refs .ref .ref_title,
.title .filter_content.authored .text, .cineraMenus .filter_content.authored .text,
.markers_container > .marker.authored, .cineraPlayerContainer .markers_container > .marker.authored,
.markers_container > .marker.off_authored { .cineraPlayerContainer .markers_container > .marker.off_authored {
font-style: oblique; font-style: oblique;
} }
.markers_container > .marker.off_authored, .cineraPlayerContainer .markers_container > .marker.off_authored,
.markers_container > .marker.off_rant { .cineraPlayerContainer .markers_container > .marker.off_rant {
opacity: 0.5; opacity: 0.5;
} }
.markers_container > .marker .content sup { .cineraPlayerContainer .markers_container > .marker .content sup {
font-style: normal; font-style: normal;
font-variant: normal; font-variant: normal;
} }
.markers_container > .marker .progress { .cineraPlayerContainer .markers_container > .marker .progress {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
@ -462,7 +462,7 @@
overflow: hidden; overflow: hidden;
} }
.markers_container > .marker .timecode { .cineraPlayerContainer .markers_container > .marker .timecode {
font-size: 9px; font-size: 9px;
font-style: normal; font-style: normal;
padding-right: 8px; padding-right: 8px;
@ -470,32 +470,32 @@
top: -2px; top: -2px;
} }
.markers_container > .marker .content .categories { .cineraPlayerContainer .markers_container > .marker .content .categories {
display: inline-flex; display: inline-flex;
margin: 4px; margin: 4px;
} }
.title > .menu > .filter_container .filter_content { .cineraMenus > .menu > .filter_container .filter_content {
display: flex; display: flex;
} }
.title > .menu > .filter_container .filter_content .category, .cineraMenus > .menu > .filter_container .filter_content .category,
.markers_container > .marker .content .categories .category { .cineraPlayerContainer .markers_container > .marker .content .categories .category {
border-radius: 50%; border-radius: 50%;
height: 5px; height: 5px;
width: 5px; width: 5px;
} }
.title > .menu > .filter_container .filter_content .category.off, .cineraMenus > .menu > .filter_container .filter_content .category.off,
.markers_container > .marker .content .categories .category.off { .cineraPlayerContainer .markers_container > .marker .content .categories .category.off {
background: transparent; background: transparent;
} }
.markers_container > .marker .content .categories .category { .cineraPlayerContainer .markers_container > .marker .content .categories .category {
margin-left: 2px; margin-left: 2px;
} }
.title > .menu > .filter_container .filter_content .icon { .cineraMenus > .menu > .filter_container .filter_content .icon {
margin-right: 8px; margin-right: 8px;
} }

134
cinera/cinera__hero.css
View File

@ -1,134 +0,0 @@
/* Search */
.dayContainer.hero,
#cineraIndex.hero dt {
background-color: #161616;
}
.dayContainer:nth-child(2n).hero,
#cineraIndex.hero dt:nth-child(2n) {
background-color: #303030;
}
.dayContainer.hero > .dayName,
#cineraIndex.hero dt a {
color: #8A877D;
}
.markerList.hero > .marker
{
border-color: rgba(255, 255, 255, 0.1);
color: #ddd;
}
.markerList.hero > .marker b {
color: black;
background-color: rgb(255, 155, 0);
}
.markerList.hero > .marker:hover {
background-color: #444;
}
/* Player */
.title.hero,
.title.hero .menu .refs,
.title.hero .menu > .refs .ref,
.markers_container.hero,
.markers_container.hero > .marker {
background-color: #161616;
border-color: #000;
}
.title.hero,
.title.hero .menu > .refs .ref,
.markers_container.hero > .marker > .content {
color: #8A877D;
}
.title.hero .menu {
transition: box-shadow 800ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
box-shadow: inset 0 0 0 #B57714;
}
.title.hero .menu:hover,
.title.hero .menu > .refs .ref:hover,
.markers_container.hero > .marker:hover > .content {
background-color: #222;
}
.title.hero .menu.current {
box-shadow: inset 0px 0px 30px #B57714;
}
.title.hero .menu > .refs .ref.current,
.markers_container.hero > .marker .progress .content {
background-color: #8B3D23;
color: #000;
}
.title.hero .menu > .refs .ref .source,
.title.hero .menu > .refs .ref .quote_byline {
color: #6B3E0B;
}
.title.hero .menu > .refs .ref.current .source,
.title.hero .menu > .refs .ref.current .quote_byline {
color: #111;
}
.title.hero .menu > .refs .ref.current:hover,
.markers_container.hero > .marker:hover .faded .content {
background-color: rgba(139, 61, 35, 0.7);
}
.title.hero .menu > .refs .ref .timecode:hover {
color: #FFF;
}
/* Regular */
.markers_container.hero > .marker.current > .content {
color: #B57714;
}
/* Blackboard */
.markers_container.hero > .marker.blackboard {
background: #000;
border-color: #161616;
}
.markers_container.hero > .marker.blackboard > .content {
color: #D7BA82;
}
.markers_container.hero > .marker:hover.blackboard > .content {
background: #111;
}
/* Run */
.markers_container.hero > .marker.run > .content,
.markers_container.hero > .marker.run > .progress .content,
.markers_container.hero > .marker:hover.run > .faded .content {
background: hsla(128, 16%, 64%, .2);
background-image: linear-gradient(to right, blue 4%, black 4%, black 96%, red 4%),
linear-gradient(to bottom, blue 4%, black 4%, black 96%, red 4%),
/*#236a58*/
}
.markers_container.hero > .marker.run > .content {
color: #D7BA82;
}
.markers_container.hero > .marker:hover.run > .content {
background: #111;
}
.markers_container.hero > .marker.run > .progress .content {
color: #D7BA82;
}
.markers_container.hero > .marker:hover.run > .faded .content {
background: #111;
}

175
cinera/cinera__riscy.css
View File

@ -1,175 +0,0 @@
.dayContainer.riscy,
#cineraIndex.riscy dt,
.title.riscy,
.title.riscy > .menu .refs,
.title.riscy > .menu .filter_container,
.title.riscy > .menu > .refs .ref,
.title.riscy > .menu > .filter_container .filter_mode,
.title.riscy > .menu > .credits_container,
.title.riscy > .menu > .credits_container .credit,
.markers_container.riscy,
.markers_container.riscy > .marker {
background-color: #EEE;
}
.dayContainer:nth-child(2n).riscy,
#cineraIndex.riscy dt:nth-child(2n) {
background-color: #FFF;
}
.markerList.riscy > .marker,
.title.riscy,
.title.riscy > .menu .refs,
.title.riscy > .menu .filter_container,
.title.riscy > .menu > .refs .ref,
.title.riscy > .menu > .filter_container .filter_mode,
.title.riscy > .menu > .credits_container,
.title.riscy > .menu > .credits_container .credit,
.markers_container.riscy,
.markers_container.riscy > .marker {
border-color: rgba(246, 178, 26, 0.8);
}
.dayContainer.riscy > .dayName,
.markerList.riscy > .marker,
#cineraIndex.riscy dt a,
.title.riscy,
.title.riscy > .menu > .refs .ref,
/*.title.riscy > .menu > .refs .ref .timecode:hover:before,*/
.title.riscy > .menu > .refs .ref .timecode.focused:before,
.title.riscy > .menu > .credits_container .credit .name,
.markers_container.riscy > .marker > .content {
color: #000;
}
.title.riscy > .menu {
transition: box-shadow 800ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
box-shadow: inset 0 0 0 #2A3172;
}
.title.riscy > .menu.current {
box-shadow: inset 0px 0px 30px #2A3172;
}
/*.title.riscy > .menu > .refs .ref .ref_indices .timecode:hover,*/
.title.riscy > .menu > .refs .ref .ref_indices .timecode.focused,
.markers_container.riscy > .marker.current > .content {
color: #2A3172;
}
.title.riscy > .menu > .refs .ref.current .ref_indices .timecode.focused {
color: rgb(246, 178, 26);
}
.markerList.riscy > .marker:hover,
#cineraIndex.riscy dt:hover,
/*.title.riscy > .menu:hover,*/
.title.riscy > .menu.visible,
/*.title.riscy > .menu > .refs .ref:hover,*/
.title.riscy > .menu > .quotes_container .ref.focused,
.title.riscy > .menu > .references_container .ref.focused,
.title.riscy > .menu > .filter_container .filter_mode:hover,
/*.title.riscy > .menu > .filter_container .filter_content:hover,*/
.title.riscy > .menu > .filter_container .filter_content.focused,
/*.title.riscy > .menu > .credits_container .credit *:hover,*/
.title.riscy > .menu > .credits_container .credit *.focused,
.markers_container.riscy > .marker:hover > .content {
background-color: #FFF8E7;
}
.title.riscy > .menu > .refs .ref.current .source,
.title.riscy > .menu > .refs .ref.current .quote_byline,
.title.riscy > .menu > .refs .ref.current .ref_indices .timecode.focused:before {
color: #FFF8E7;
}
.markerList.riscy > .marker b,
.title.riscy > .menu > .refs .ref.current,
/*.title.riscy > .menu > .refs .ref.current .timecode:hover:before,*/
.markers_container.riscy > .marker > .progress .content {
background-color: rgb(42, 49, 114);
color: #FFF;
}
/*.title.riscy > .menu > .refs .ref.current:hover,*/
.markers_container.riscy > .marker:hover > .faded .content {
background-color: rgba(42, 49, 114, 0.7);
}
.title.riscy > .menu > .refs .ref .source,
.title.riscy > .menu > .refs .ref .quote_byline,
.title.riscy > .menu > .filter_container .filter_content.off .text,
.title.riscy > .menu > .credits_container .credit .role {
color: #888;
}
/* Blackboard */
.title.riscy .filter_content.blackboard,
.markers_container.riscy .blackboard > .content,
.markers_container.riscy .off_blackboard > .content,
.markers_container.riscy > .marker.blackboard > .progress .content,
.markers_container.riscy > .marker:hover.blackboard > .faded .content {
background-size: 12px 12px;
background-position: center;
}
.title.riscy .filter_content.blackboard,
.markers_container.riscy .blackboard > .content {
background-image: linear-gradient(to right , rgba(51, 153, 255, .16) 1px, transparent 1px),
linear-gradient(to bottom, rgba(51, 153, 255, .16) 1px, transparent 1px);
}
.markers_container.riscy .off_blackboard > .content {
background-image: linear-gradient(to right , rgba(51, 153, 255, .08) 1px, transparent 1px),
linear-gradient(to bottom, rgba(51, 153, 255, .08) 1px, transparent 1px);
}
.markers_container.riscy > .marker.blackboard > .progress .content {
background-image: linear-gradient(to right , rgba(255, 255, 255, .16) 1px, transparent 1px),
linear-gradient(to bottom, rgba(255, 255, 255, .16) 1px, transparent 1px);
}
.markers_container.riscy > .marker:hover.blackboard > .faded .content {
background-image: linear-gradient(to right , rgba(0, 0, 0, .16) 1px, transparent 1px),
linear-gradient(to bottom, rgba(0, 0, 0, .16) 1px, transparent 1px);
}
/* TODO(matt):
*
* .markers_container.riscy > marker.run
*/
@keyframes riscy_fade_mode {
0% { color: #FFF; }
100% { color: #000; }
}
@keyframes riscy_fade_text {
0% { color: #000; }
100% { color: #888; }
}
@keyframes riscy_fade_background {
0% { background-color: rgba(246, 178, 26, 0.8);}
100% { background-color: #EEE; }
}
/* TODO(matt): Get this to work! */
.title.riscy > .menu > .filter_container .filter_mode.responsible {
animation-name: riscy_fade_mode;
}
.title.riscy .filter_content.responsible .text {
animation-name: riscy_fade_text;
}
.title.riscy > .menu.filter.responsible,
.title.riscy .filter_content.responsible,
.title.riscy > .menu > .filter_container .filter_mode.responsible {
animation-name: riscy_fade_background;
}

4
cinera/cinera_player_post.js
View File

@ -1,5 +1,5 @@
var menuState = []; var menuState = [];
var titleBar = document.querySelector(".title"); var titleBar = document.querySelector(".cineraMenus");
var quotesMenu = titleBar.querySelector(".quotes_container"); var quotesMenu = titleBar.querySelector(".quotes_container");
if(quotesMenu) if(quotesMenu)
{ {
@ -143,7 +143,7 @@ helpButton.addEventListener("click", function(ev) {
var focusedElement = null; var focusedElement = null;
var focusedIdentifier = null; var focusedIdentifier = null;
var playerContainer = document.querySelector(".player_container") var playerContainer = document.querySelector(".cineraPlayerContainer")
var player = new Player(playerContainer, onRefChanged); var player = new Player(playerContainer, onRefChanged);
window.addEventListener("resize", function() { player.updateSize(); }); window.addEventListener("resize", function() { player.updateSize(); });
document.addEventListener("keydown", function(ev) { document.addEventListener("keydown", function(ev) {

6
cinera/cinera_search.js
View File

@ -12,7 +12,7 @@ var lastQuery = null;
var resultsToRender = []; var resultsToRender = [];
var resultsIndex = 0; var resultsIndex = 0;
var resultsMarkerIndex = 0; var resultsMarkerIndex = 0;
var resultsContainer = document.getElementById("results"); var resultsContainer = document.getElementById("cineraResults");
var rendering = false; var rendering = false;
var dayContainerPrototype = document.createElement("DIV"); var dayContainerPrototype = document.createElement("DIV");
@ -118,7 +118,7 @@ function runSearch() {
var totalTime = Math.floor(totalSeconds/60/60) + "h " + Math.floor(totalSeconds/60)%60 + "m " + totalSeconds%60 + "s "; var totalTime = Math.floor(totalSeconds/60/60) + "h " + Math.floor(totalSeconds/60)%60 + "m " + totalSeconds%60 + "s ";
document.getElementById("resultsSummary").textContent = "Found: " + numEpisodes + " episodes, " + numMarkers + " markers, " + totalTime + "total."; document.getElementById("cineraResultsSummary").textContent = "Found: " + numEpisodes + " episodes, " + numMarkers + " markers, " + totalTime + "total.";
} }
function renderMatches(renderStart) { function renderMatches(renderStart) {
@ -133,7 +133,7 @@ function renderMatches(renderStart) {
dayName.textContent = episode.day + ": " + episode.title; dayName.textContent = episode.day + ": " + episode.title;
resultsContainer.appendChild(dayContainer); resultsContainer.appendChild(dayContainer);
} else { } else {
markerList = document.querySelector("#results > .dayContainer:nth-child(" + (resultsIndex+1) + ") .markerList"); markerList = document.querySelector("#cineraResults > .dayContainer:nth-child(" + (resultsIndex+1) + ") .markerList");
} }
do { do {