docs: added example tweets

This commit is contained in:
Marcus Noble 2021-07-24 10:12:22 +01:00
parent 8be9ddc40a
commit 607f063abc
1 changed files with 51 additions and 0 deletions

View File

@ -34,6 +34,19 @@
textarea {
height: 200px;
}
#examples {
align-items: start;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
#examples figure {
margin: 2px;
margin-bottom: 50px;
}
figcaption {
text-align: center;
}
</style>
</head>
<body>
@ -77,6 +90,44 @@
</form>
</div>
<div>
<h3>Example Tweets</h3>
<div id="examples">
<figure>
<img src="/1285788484280545280" />
<figcaption>Text with Emoji</figcaption>
</figure>
<figure>
<img src="/1417089885647761409" />
<figcaption>Tweet with 1 image</figcaption>
</figure>
<figure>
<img src="/1400358030869372928" />
<figcaption>Tweet with 2 images</figcaption>
</figure>
<figure>
<img src="/1401103668267556868" />
<figcaption>Tweet with 3 images</figcaption>
</figure>
<figure>
<img src="/1396802436052836360" />
<figcaption>Tweet with 4 images</figcaption>
</figure>
<figure>
<img src="/1370521139684970496" />
<figcaption>Tweet with quoted Tweet</figcaption>
</figure>
<figure>
<img src="/1281166762394791937" />
<figcaption>Tweet with link</figcaption>
</figure>
<figure>
<img src="/1396979104944201741" />
<figcaption>Reply Tweet</figcaption>
</figure>
</div>
</div>
<div>
Source code available on <a href="https://github.com/AverageMarcus/tweetsvg" target="_blank" rel="noopener noreferrer">GitHub</a>, <a href="https://gitlab.com/AverageMarcus/tweetsvg" target="_blank" rel="noopener noreferrer">GitLab</a>, <a href="https://bitbucket.org/AverageMarcus/tweetsvg/" target="_blank" rel="noopener noreferrer">Bitbucket</a> & <a href="https://git.cluster.fun/AverageMarcus/tweetsvg" target="_blank" rel="noopener noreferrer">my own Gitea server</a>.
</div>