diff --git a/examples/README.md b/examples/README.md new file mode 100644 index 0000000..b4a40d3 --- /dev/null +++ b/examples/README.md @@ -0,0 +1,9 @@ +# Examples + +You can test the example by running: + +``` +cd examples +cargo run -- --filter "" --token "" template.html > output.html +open output.html +``` diff --git a/examples/template.css b/examples/template.css new file mode 100644 index 0000000..b0976a1 --- /dev/null +++ b/examples/template.css @@ -0,0 +1,92 @@ +body { + background-color: #333; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, + Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + margin: 0; +} + +table { + border: none; + border-spacing: 20px; + height: 100%; +} + +tr { + vertical-align: top; +} + +td { + background-color: #FDE8CB; + border-radius: 5px; + box-shadow: 0 0 2px black; + height: 100%; + padding: 20px; + width: 50%; +} + +.card { + display: flex; + flex-direction: column; + height: 100%; + justify-content: space-between; +} + +.title { + color: #2476AE; + display: block; + margin-bottom: 20px; + text-align: center; + text-decoration: none; + text-transform: capitalize; + width: 100%; +} + +.description { + color: #333; + flex: 1; + font-family: "Lucida Grande", serif; + font-size: 0.9em; + font-style: italic; + hyphens: auto; + line-height: 1.6em; + margin: 0 40px; + overflow-wrap: break-word; + text-align: justify; + word-wrap: break-word; +} + +.metadata { + font-size: 0.7em; + height: 30px; + margin-right: 37px; + margin-top: 20px; + text-align: right; +} + +.metadata span { + background-color: #031528; + border-radius: 3px; + color: #86BC53; + margin: 0 3px; + padding: 3px 5px; +} + +.metadata span::before { + color: #f2d87c; +} + +.metadata .context::before { + content: "context:"; +} + +.metadata .medium::before { + content: "medium:"; +} + +.metadata .language::before { + content: "language:"; +} + +.metadata .date::before { + content: "date:"; +} diff --git a/examples/template.html b/examples/template.html new file mode 100644 index 0000000..7f77ab9 --- /dev/null +++ b/examples/template.html @@ -0,0 +1,50 @@ + + + + + Resources: Game Loop + + + + + {% for post in posts -%} + + {%- if loop.index0 is even -%} + + {%- endif -%} + + + + {%- if loop.index0 is not even -%} + + {%- elif loop.last -%} + + + {%- endif -%} + + {%- endfor %} +
+
+ {{ post.description }} +
{{ post.extended }}
+
+ {% for key, value in post.tags -%} + {% if key == "s" -%} + {% set class = "context" %} + {% elif key == "t" -%} + {% set class = "medium" %} + {% elif key == "l" -%} + {% set class = "language" %} + {% endif -%} + + {%- if class is defined -%} + {{ value }} + {% endif -%} + {% endfor -%} + + {{ post.time }} +
+
+
+ +