\n"
" \n"
-" #%d • %s
\n"
+" Quote %d
\n"
" %s
\n"
+" —%s, %s
\n"
" \n"
" \n"
" [%d;]%s\n"
@@ -699,14 +809,15 @@ AppendedIdentifier:
" \n",
QuoteIdentifier,
Anno->quote.id,
-"Quote date",
-"Quote text",
+QuoteInfo.Text,
+HMML.metadata.twitch ? HMML.metadata.twitch : HMML.metadata.member,
+QuoteInfo.Date,
TimecodeToSeconds(Anno->time),
QuoteIdentifier,
Anno->time);
if(!Anno->text[0])
{
- CopyStringToBuffer(&Text, "“Quote text”");
+ CopyStringToBuffer(&Text, "“%s”", QuoteInfo.Text);
}
CopyStringToBuffer(&Text, "%d;", QuoteIdentifier);
++QuoteIdentifier;
diff --git a/hmml_to_html/obbg.css b/hmml_to_html/obbg.css
index 696b314..d8d55dd 100644
--- a/hmml_to_html/obbg.css
+++ b/hmml_to_html/obbg.css
@@ -7,7 +7,7 @@
.title.obbg {
background-color: #EEE;
color: #000;
- border-bottom: 1px solid #372F46;
+ border-color: #372F46;
}
.title.obbg .refs_container {
@@ -25,12 +25,11 @@
.title.obbg .refs_container .refs {
background-color: #EEE;
- border: 2px solid #372F46;
- border-top: none;
+ border-color: #372F46;
}
.title.obbg .refs_container > .refs .ref {
- border-bottom: 1px solid #372F46;
+ border-color: #372F46;
color: #000000;
}
@@ -40,17 +39,21 @@
}
.title.obbg .refs_container > .refs .ref:hover {
- background-color: #FFF8E7;
+ background-color: #DDD;
}
.title.obbg .refs_container > .refs .ref.current:hover {
- background-color: rgba(55, 46, 65, 0.7);
+ background-color: #68557E;
}
.title.obbg .refs_container > .refs .ref .source {
color: #888;
}
+.title.obbg .refs_container > .refs .ref .quote_byline {
+ color: #888;
+}
+
.title.obbg .refs_container > .refs .ref.current .source {
color: #FFF8E7;
}
@@ -61,7 +64,7 @@
}
.markers_container.obbg > .marker {
- border-bottom: 1px solid #888;
+ border-color: #888;
}
.markers_container.obbg > .marker:hover > .content {
diff --git a/hmml_to_html/riscy.css b/hmml_to_html/riscy.css
index 425ccec..7a5216c 100644
--- a/hmml_to_html/riscy.css
+++ b/hmml_to_html/riscy.css
@@ -1,7 +1,7 @@
.title.riscy {
background-color: #EEE;
color: #000000;
- border-bottom: 1px solid rgba(246, 178, 26, 0.8);
+ border-color: rgba(246, 178, 26, 0.8);
}
.title.riscy .refs_container {
@@ -19,12 +19,11 @@
.title.riscy .refs_container .refs {
background-color: #EEE;
- border: 2px solid rgba(246, 178, 26, 0.8);
- border-top: none;
+ border-color: rgba(246, 178, 26, 0.8);
}
.title.riscy .refs_container > .refs .ref {
- border-bottom: 1px solid rgba(246, 178, 26, 0.8);
+ border-color: rgba(246, 178, 26, 0.8);
color: #000000;
}
@@ -45,6 +44,10 @@
color: #888;
}
+.title.riscy .refs_container > .refs .ref .quote_byline {
+ color: #888;
+}
+
.title.riscy .refs_container > .refs .ref.current .source {
color: #FFF8E7;
}
@@ -55,7 +58,7 @@
}
.markers_container.riscy > .marker {
- border-bottom: 1px solid rgba(246, 178, 26, 0.8);
+ border-color: rgba(246, 178, 26, 0.8);
}
.markers_container.riscy > .marker:hover > .content {
diff --git a/hmml_to_html/style.css b/hmml_to_html/style.css
index a8f23a2..e647390 100644
--- a/hmml_to_html/style.css
+++ b/hmml_to_html/style.css
@@ -3,6 +3,7 @@
.title {
display: flex;
flex-direction: row;
+ border-bottom: 1px solid;
}
.title > * {
@@ -26,6 +27,8 @@
}
.title .refs_container .refs {
+ border: 2px solid;
+ border-top:none;
position: absolute;
top: 100%;
right: 0;
@@ -39,6 +42,7 @@
}
.title .refs_container > .refs .ref {
+ border-bottom: 1px solid;
padding: 10px;
display: flex;
flex-direction: column;
@@ -56,6 +60,31 @@
padding: 0;
}
+.title .refs_container > .refs .ref .timecode:hover .time {
+ text-decoration: underline;
+}
+
+.title .refs_container > .refs .ref .ref_content {
+ margin-bottom: 8px;
+ width: 100%;
+}
+
+.title .refs_container > .refs .ref .source {
+ font-size: 10px;
+ line-height: 8px;
+}
+
+.title .refs_container > .refs .ref .ref_title {
+ font-style: oblique;
+}
+
+.title .refs_container > .refs .ref .quote_byline {
+ font-size: 10px;
+ line-height: 8px;
+ text-align: right;
+ width: 100%;
+}
+
.title .refs_container > .refs .ref .ref_indices {
text-align: center;
}
@@ -74,23 +103,6 @@
margin: 0 4px;
}
-.title .refs_container > .refs .ref .timecode:hover .time {
- text-decoration: underline;
-}
-
-.title .refs_container > .refs .ref .ref_content {
- width: 100%;
-}
-
-.title .refs_container > .refs .ref .source {
- font-size: 10px;
- line-height: 8px;
-}
-
-.title .refs_container > .refs .ref .ref_title {
- font-style: oblique;
-}
-
.title .refs_container > .refs .ref .timecode .ref_index {
margin-right: 4px;
}
@@ -111,6 +123,7 @@
}
.markers_container > .marker {
+ border-bottom: 1px solid;
position: relative;
cursor: pointer;
}