@ -1,61 +0,0 @@
|
|||||||
/**
|
|
||||||
* Copyright (c) 2017-present, Facebook, Inc.
|
|
||||||
*
|
|
||||||
* This source code is licensed under the MIT license found in the
|
|
||||||
* LICENSE file in the root directory of this source tree.
|
|
||||||
*/
|
|
||||||
|
|
||||||
const React = require('react');
|
|
||||||
|
|
||||||
class Footer extends React.Component {
|
|
||||||
docUrl(doc, language) {
|
|
||||||
const baseUrl = this.props.config.baseUrl;
|
|
||||||
const docsUrl = this.props.config.docsUrl;
|
|
||||||
const docsPart = `${docsUrl ? `${docsUrl}/` : ''}`;
|
|
||||||
const langPart = `${language ? `${language}/` : ''}`;
|
|
||||||
return `${baseUrl}${docsPart}${langPart}${doc}`;
|
|
||||||
}
|
|
||||||
|
|
||||||
pageUrl(doc, language) {
|
|
||||||
const baseUrl = this.props.config.baseUrl;
|
|
||||||
return baseUrl + (language ? `${language}/` : '') + doc;
|
|
||||||
}
|
|
||||||
|
|
||||||
render() {
|
|
||||||
return (
|
|
||||||
<footer className="nav-footer" id="footer">
|
|
||||||
<section className="sitemap">
|
|
||||||
<a href={this.props.config.baseUrl} className="nav-home">
|
|
||||||
{this.props.config.footerIcon && (
|
|
||||||
<img
|
|
||||||
src={this.props.config.baseUrl + this.props.config.footerIcon}
|
|
||||||
alt={this.props.config.title}
|
|
||||||
width="66"
|
|
||||||
height="58"
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
</a>
|
|
||||||
<div>
|
|
||||||
<h5>Docs</h5>
|
|
||||||
<a href={this.docUrl('getting-started/installation')}>
|
|
||||||
Getting Started
|
|
||||||
</a>
|
|
||||||
<a href={this.docUrl('guides/diagram')}>
|
|
||||||
Guides
|
|
||||||
</a>
|
|
||||||
<a href={this.docUrl('nodes/aws')}>
|
|
||||||
Nodes
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<h5>More</h5>
|
|
||||||
<iframe src="https://ghbtns.com/github-btn.html?user=mingrammer&repo=diagrams&type=star&count=true&size=large" frameBorder="0" scrolling="0" width="170" height="30" title="Star mingrammer/diagrams on GitHub"></iframe>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<section className="copyright">{this.props.config.copyright}</section>
|
|
||||||
</footer>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
module.exports = Footer;
|
|
@ -1,99 +0,0 @@
|
|||||||
{
|
|
||||||
"_comment": "This file is auto-generated by write-translations.js",
|
|
||||||
"localized-strings": {
|
|
||||||
"next": "Next",
|
|
||||||
"previous": "Previous",
|
|
||||||
"tagline": "Diagram as Code",
|
|
||||||
"docs": {
|
|
||||||
"getting-started/examples": {
|
|
||||||
"title": "Examples"
|
|
||||||
},
|
|
||||||
"getting-started/installation": {
|
|
||||||
"title": "Installation"
|
|
||||||
},
|
|
||||||
"guides/cluster": {
|
|
||||||
"title": "Clusters"
|
|
||||||
},
|
|
||||||
"guides/diagram": {
|
|
||||||
"title": "Diagrams"
|
|
||||||
},
|
|
||||||
"guides/edge": {
|
|
||||||
"title": "Edges"
|
|
||||||
},
|
|
||||||
"guides/node": {
|
|
||||||
"title": "Nodes"
|
|
||||||
},
|
|
||||||
"nodes/alibabacloud": {
|
|
||||||
"title": "AlibabaCloud"
|
|
||||||
},
|
|
||||||
"nodes/aws": {
|
|
||||||
"title": "AWS"
|
|
||||||
},
|
|
||||||
"nodes/azure": {
|
|
||||||
"title": "Azure"
|
|
||||||
},
|
|
||||||
"nodes/c4": {
|
|
||||||
"title": "C4"
|
|
||||||
},
|
|
||||||
"nodes/custom": {
|
|
||||||
"title": "Custom"
|
|
||||||
},
|
|
||||||
"nodes/digitalocean": {
|
|
||||||
"title": "DigitalOcean"
|
|
||||||
},
|
|
||||||
"nodes/elastic": {
|
|
||||||
"title": "Elastic"
|
|
||||||
},
|
|
||||||
"nodes/firebase": {
|
|
||||||
"title": "Firebase"
|
|
||||||
},
|
|
||||||
"nodes/gcp": {
|
|
||||||
"title": "GCP"
|
|
||||||
},
|
|
||||||
"nodes/generic": {
|
|
||||||
"title": "Generic"
|
|
||||||
},
|
|
||||||
"nodes/ibm": {
|
|
||||||
"title": "IBM"
|
|
||||||
},
|
|
||||||
"nodes/k8s": {
|
|
||||||
"title": "K8S"
|
|
||||||
},
|
|
||||||
"nodes/oci": {
|
|
||||||
"title": "OCI"
|
|
||||||
},
|
|
||||||
"nodes/onprem": {
|
|
||||||
"title": "OnPrem"
|
|
||||||
},
|
|
||||||
"nodes/openstack": {
|
|
||||||
"title": "OpenStack"
|
|
||||||
},
|
|
||||||
"nodes/outscale": {
|
|
||||||
"title": "Outscale"
|
|
||||||
},
|
|
||||||
"nodes/programming": {
|
|
||||||
"title": "Programming"
|
|
||||||
},
|
|
||||||
"nodes/saas": {
|
|
||||||
"title": "Saas"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"links": {
|
|
||||||
"Docs": "Docs",
|
|
||||||
"Guides": "Guides",
|
|
||||||
"Nodes": "Nodes",
|
|
||||||
"GitHub": "GitHub",
|
|
||||||
"Sponsoring": "Sponsoring"
|
|
||||||
},
|
|
||||||
"categories": {
|
|
||||||
"Getting Started": "Getting Started",
|
|
||||||
"Guides": "Guides",
|
|
||||||
"Nodes": "Nodes"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"pages-strings": {
|
|
||||||
"Help Translate|recruit community translators for your project": "Help Translate",
|
|
||||||
"Edit this Doc|recruitment message asking to edit the doc source": "Edit",
|
|
||||||
"Translate this Doc|recruitment message asking to translate the docs": "Translate"
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,17 +0,0 @@
|
|||||||
{
|
|
||||||
"scripts": {
|
|
||||||
"examples": "docusaurus-examples",
|
|
||||||
"start": "docusaurus-start",
|
|
||||||
"build": "docusaurus-build",
|
|
||||||
"publish-gh-pages": "docusaurus-publish",
|
|
||||||
"write-translations": "docusaurus-write-translations",
|
|
||||||
"version": "docusaurus-version",
|
|
||||||
"rename-version": "docusaurus-rename-version"
|
|
||||||
},
|
|
||||||
"devDependencies": {
|
|
||||||
"docusaurus": "^1.14.7"
|
|
||||||
},
|
|
||||||
"dependencies": {
|
|
||||||
"minimist": "^1.2.7"
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,160 +0,0 @@
|
|||||||
/**
|
|
||||||
* Copyright (c) 2017-present, Facebook, Inc.
|
|
||||||
*
|
|
||||||
* This source code is licensed under the MIT license found in the
|
|
||||||
* LICENSE file in the root directory of this source tree.
|
|
||||||
*/
|
|
||||||
|
|
||||||
const React = require('react');
|
|
||||||
|
|
||||||
const CompLibrary = require('../../core/CompLibrary.js');
|
|
||||||
|
|
||||||
const MarkdownBlock = CompLibrary.MarkdownBlock; /* Used to read markdown */
|
|
||||||
const Container = CompLibrary.Container;
|
|
||||||
const GridBlock = CompLibrary.GridBlock;
|
|
||||||
|
|
||||||
class HomeSplash extends React.Component {
|
|
||||||
render() {
|
|
||||||
const {siteConfig, language = ''} = this.props;
|
|
||||||
const {baseUrl, docsUrl} = siteConfig;
|
|
||||||
const docsPart = `${docsUrl ? `${docsUrl}/` : ''}`;
|
|
||||||
const langPart = `${language ? `${language}/` : ''}`;
|
|
||||||
const docUrl = doc => `${baseUrl}${docsPart}${langPart}${doc}`;
|
|
||||||
|
|
||||||
const SplashContainer = props => (
|
|
||||||
<div className="homeContainer">
|
|
||||||
<div className="homeSplashFade">
|
|
||||||
<div className="wrapper homeWrapper">{props.children}</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
|
|
||||||
const Logo = props => (
|
|
||||||
<div className="projectLogo">
|
|
||||||
<img src={props.img_src} alt="Project Logo" />
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
|
|
||||||
const ProjectTitle = props => (
|
|
||||||
<h2 className="projectTitle">
|
|
||||||
{props.title}
|
|
||||||
<small>{props.tagline}</small>
|
|
||||||
</h2>
|
|
||||||
);
|
|
||||||
|
|
||||||
const PromoSection = props => (
|
|
||||||
<div className="section promoSection">
|
|
||||||
<div className="promoRow">
|
|
||||||
<div className="pluginRowBlock">{props.children}</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
|
|
||||||
const Button = props => (
|
|
||||||
<div className="pluginWrapper buttonWrapper">
|
|
||||||
<a className="button" href={props.href} target={props.target}>
|
|
||||||
{props.children}
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
|
|
||||||
return (
|
|
||||||
<SplashContainer>
|
|
||||||
<Logo img_src={`${baseUrl}img/diagrams.png`} />
|
|
||||||
<div className="inner">
|
|
||||||
<ProjectTitle tagline={siteConfig.tagline} title={siteConfig.title} />
|
|
||||||
<PromoSection>
|
|
||||||
<Button href={docUrl('getting-started/installation')}>Try It Out</Button>
|
|
||||||
<Button href={docUrl('getting-started/examples')}>Show Examples</Button>
|
|
||||||
</PromoSection>
|
|
||||||
</div>
|
|
||||||
</SplashContainer>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
class Index extends React.Component {
|
|
||||||
render() {
|
|
||||||
const {config: siteConfig, language = ''} = this.props;
|
|
||||||
const {baseUrl} = siteConfig;
|
|
||||||
|
|
||||||
const Block = props => (
|
|
||||||
<Container
|
|
||||||
padding={['bottom', 'top']}
|
|
||||||
id={props.id}
|
|
||||||
background={props.background}>
|
|
||||||
<GridBlock
|
|
||||||
align="center"
|
|
||||||
contents={props.children}
|
|
||||||
layout={props.layout}
|
|
||||||
/>
|
|
||||||
</Container>
|
|
||||||
);
|
|
||||||
|
|
||||||
const About = () => (
|
|
||||||
<div
|
|
||||||
className="productShowcaseSection paddingBottom"
|
|
||||||
style={{textAlign: 'center'}}>
|
|
||||||
<h2>About Diagrams</h2>
|
|
||||||
<MarkdownBlock>
|
|
||||||
Diagrams lets you draw the cloud system architecture **in Python code**.
|
|
||||||
</MarkdownBlock>
|
|
||||||
<MarkdownBlock>
|
|
||||||
It was born for **prototyping** a new system architecture without any design tools. You can also describe or visualize the existing system architecture as well.
|
|
||||||
</MarkdownBlock>
|
|
||||||
<MarkdownBlock>
|
|
||||||
`Diagram as Code` allows you to **track** the architecture diagram changes in any **version control** system.
|
|
||||||
</MarkdownBlock>
|
|
||||||
<MarkdownBlock>
|
|
||||||
Diagrams currently supports main major providers including: `AWS`, `Azure`, `GCP`, `Kubernetes`, `Alibaba Cloud`, `Oracle Cloud` etc... It also supports `On-Premise` nodes, `SaaS` and major `Programming` frameworks and languages.
|
|
||||||
</MarkdownBlock>
|
|
||||||
<MarkdownBlock>
|
|
||||||
`NOTE: It does not control any actual cloud resources nor does it generate cloud formation or terraform code. It is just for drawing the cloud system architecture diagrams.`
|
|
||||||
</MarkdownBlock>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
|
|
||||||
const Example = () => (
|
|
||||||
<Block>
|
|
||||||
{[
|
|
||||||
{
|
|
||||||
image: `${baseUrl}img/message_collecting_code.png`,
|
|
||||||
imageAlign: 'left',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
image: `${baseUrl}img/message_collecting_diagram.png`,
|
|
||||||
imageAlign: 'right',
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
</Block>
|
|
||||||
);
|
|
||||||
|
|
||||||
const Example2 = () => (
|
|
||||||
<Block>
|
|
||||||
{[
|
|
||||||
{
|
|
||||||
image: `${baseUrl}img/event_processing_code.png`,
|
|
||||||
imageAlign: 'left',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
image: `${baseUrl}img/event_processing_diagram.png`,
|
|
||||||
imageAlign: 'right',
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
</Block>
|
|
||||||
);
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div>
|
|
||||||
<HomeSplash siteConfig={siteConfig} language={language} />
|
|
||||||
<div className="mainContainer">
|
|
||||||
<About />
|
|
||||||
<Example />
|
|
||||||
<Example2 />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
module.exports = Index;
|
|
@ -1,2 +0,0 @@
|
|||||||
#!/bin/bash
|
|
||||||
GIT_USER=mingrammer CURRENT_BRANCH=master USE_SSH=true yarn run publish-gh-pages
|
|
@ -1,34 +0,0 @@
|
|||||||
{
|
|
||||||
"docs": {
|
|
||||||
"Getting Started": [
|
|
||||||
"getting-started/installation",
|
|
||||||
"getting-started/examples"
|
|
||||||
],
|
|
||||||
"Guides": [
|
|
||||||
"guides/diagram",
|
|
||||||
"guides/node",
|
|
||||||
"guides/cluster",
|
|
||||||
"guides/edge"
|
|
||||||
],
|
|
||||||
"Nodes": [
|
|
||||||
"nodes/onprem",
|
|
||||||
"nodes/aws",
|
|
||||||
"nodes/azure",
|
|
||||||
"nodes/gcp",
|
|
||||||
"nodes/ibm",
|
|
||||||
"nodes/k8s",
|
|
||||||
"nodes/alibabacloud",
|
|
||||||
"nodes/oci",
|
|
||||||
"nodes/openstack",
|
|
||||||
"nodes/firebase",
|
|
||||||
"nodes/digitalocean",
|
|
||||||
"nodes/elastic",
|
|
||||||
"nodes/outscale",
|
|
||||||
"nodes/generic",
|
|
||||||
"nodes/programming",
|
|
||||||
"nodes/saas",
|
|
||||||
"nodes/c4",
|
|
||||||
"nodes/custom"
|
|
||||||
]
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,63 +0,0 @@
|
|||||||
/**
|
|
||||||
* Copyright (c) 2017-present, Facebook, Inc.
|
|
||||||
*
|
|
||||||
* This source code is licensed under the MIT license found in the
|
|
||||||
* LICENSE file in the root directory of this source tree.
|
|
||||||
*/
|
|
||||||
|
|
||||||
// See https://docusaurus.io/docs/site-config for all the possible
|
|
||||||
// site configuration options.
|
|
||||||
|
|
||||||
const siteConfig = {
|
|
||||||
title: 'Diagrams',
|
|
||||||
tagline: 'Diagram as Code',
|
|
||||||
url: 'https://diagrams.mingrammer.com',
|
|
||||||
baseUrl: '/',
|
|
||||||
cname: 'diagrams.mingrammer.com',
|
|
||||||
projectName: 'diagrams',
|
|
||||||
organizationName: 'mingrammer',
|
|
||||||
|
|
||||||
headerLinks: [
|
|
||||||
{doc: 'getting-started/installation', label: 'Docs'},
|
|
||||||
{doc: 'guides/diagram', label: 'Guides'},
|
|
||||||
{doc: 'nodes/aws', label: 'Nodes'},
|
|
||||||
{href: 'https://github.com/mingrammer/diagrams', label: 'GitHub'},
|
|
||||||
{href: 'https://www.buymeacoffee.com/mingrammer', label: 'Sponsoring'},
|
|
||||||
],
|
|
||||||
|
|
||||||
headerIcon: 'img/diagrams.ico',
|
|
||||||
footerIcon: 'img/diagrams.ico',
|
|
||||||
favicon: 'img/diagrams.ico',
|
|
||||||
|
|
||||||
colors: {
|
|
||||||
primaryColor: '#5E73E5',
|
|
||||||
secondaryColor: '#5E89E5',
|
|
||||||
},
|
|
||||||
|
|
||||||
copyright: `Copyright © ${new Date().getFullYear()} mingrammer`,
|
|
||||||
|
|
||||||
highlight: {
|
|
||||||
// Highlight.js theme to use for syntax highlighting in code blocks.
|
|
||||||
theme: 'default',
|
|
||||||
},
|
|
||||||
|
|
||||||
// Add custom scripts here that would be placed in <script> tags.
|
|
||||||
scripts: ['https://buttons.github.io/buttons.js'],
|
|
||||||
|
|
||||||
// On page navigation for the current documentation page.
|
|
||||||
onPageNav: 'separate',
|
|
||||||
cleanUrl: true,
|
|
||||||
|
|
||||||
// Open Graph and Twitter card images.
|
|
||||||
facebookComments: false,
|
|
||||||
twitterImage: 'img/diagrams.png',
|
|
||||||
ogImage: 'img/diagrams.png',
|
|
||||||
|
|
||||||
docsSideNavCollapsible: false,
|
|
||||||
|
|
||||||
enableUpdateTime: true,
|
|
||||||
|
|
||||||
gaTrackingId: 'UA-84081627-3',
|
|
||||||
};
|
|
||||||
|
|
||||||
module.exports = siteConfig;
|
|
@ -1,27 +0,0 @@
|
|||||||
/**
|
|
||||||
* Copyright (c) 2017-present, Facebook, Inc.
|
|
||||||
*
|
|
||||||
* This source code is licensed under the MIT license found in the
|
|
||||||
* LICENSE file in the root directory of this source tree.
|
|
||||||
*/
|
|
||||||
|
|
||||||
/* your custom css */
|
|
||||||
|
|
||||||
@media only screen and (min-device-width: 360px) and (max-device-width: 736px) {
|
|
||||||
}
|
|
||||||
|
|
||||||
@media only screen and (min-width: 1024px) {
|
|
||||||
}
|
|
||||||
|
|
||||||
@media only screen and (max-width: 1023px) {
|
|
||||||
}
|
|
||||||
|
|
||||||
@media only screen and (min-width: 1400px) {
|
|
||||||
}
|
|
||||||
|
|
||||||
@media only screen and (min-width: 1500px) {
|
|
||||||
}
|
|
||||||
|
|
||||||
#buymeacoffee {
|
|
||||||
height: 50px;
|
|
||||||
}
|
|
Before Width: | Height: | Size: 122 KiB |
Before Width: | Height: | Size: 146 KiB |
Before Width: | Height: | Size: 141 KiB |
Before Width: | Height: | Size: 125 KiB |
Before Width: | Height: | Size: 115 KiB |
Before Width: | Height: | Size: 34 KiB |
Before Width: | Height: | Size: 361 KiB |
Before Width: | Height: | Size: 6.7 KiB |
Before Width: | Height: | Size: 174 KiB |
Before Width: | Height: | Size: 158 KiB |
Before Width: | Height: | Size: 62 KiB |
Before Width: | Height: | Size: 62 KiB |
Before Width: | Height: | Size: 201 KiB |
Before Width: | Height: | Size: 120 KiB |
Before Width: | Height: | Size: 101 KiB |
Before Width: | Height: | Size: 13 KiB |
Before Width: | Height: | Size: 1.5 KiB |
Before Width: | Height: | Size: 34 KiB |
Before Width: | Height: | Size: 16 KiB |
Before Width: | Height: | Size: 17 KiB |
Before Width: | Height: | Size: 7.6 KiB |
Before Width: | Height: | Size: 13 KiB |
Before Width: | Height: | Size: 9.0 KiB |
Before Width: | Height: | Size: 12 KiB |
Before Width: | Height: | Size: 10 KiB |
Before Width: | Height: | Size: 9.0 KiB |
Before Width: | Height: | Size: 9.5 KiB |
Before Width: | Height: | Size: 4.3 KiB |
Before Width: | Height: | Size: 9.4 KiB |
Before Width: | Height: | Size: 17 KiB |
Before Width: | Height: | Size: 7.0 KiB |
Before Width: | Height: | Size: 12 KiB |
Before Width: | Height: | Size: 9.8 KiB |
Before Width: | Height: | Size: 5.2 KiB |
Before Width: | Height: | Size: 9.0 KiB |
Before Width: | Height: | Size: 9.8 KiB |
Before Width: | Height: | Size: 15 KiB |
Before Width: | Height: | Size: 10 KiB |
Before Width: | Height: | Size: 12 KiB |
Before Width: | Height: | Size: 20 KiB |
Before Width: | Height: | Size: 8.6 KiB |
Before Width: | Height: | Size: 20 KiB |
Before Width: | Height: | Size: 16 KiB |
Before Width: | Height: | Size: 11 KiB |
Before Width: | Height: | Size: 8.7 KiB |
Before Width: | Height: | Size: 10 KiB |
Before Width: | Height: | Size: 12 KiB |
Before Width: | Height: | Size: 11 KiB |
Before Width: | Height: | Size: 17 KiB |
Before Width: | Height: | Size: 20 KiB |
Before Width: | Height: | Size: 16 KiB |
Before Width: | Height: | Size: 11 KiB |
Before Width: | Height: | Size: 13 KiB |
Before Width: | Height: | Size: 9.0 KiB |
Before Width: | Height: | Size: 14 KiB |
Before Width: | Height: | Size: 18 KiB |
Before Width: | Height: | Size: 12 KiB |
Before Width: | Height: | Size: 10 KiB |
Before Width: | Height: | Size: 14 KiB |
Before Width: | Height: | Size: 18 KiB |
Before Width: | Height: | Size: 21 KiB |
Before Width: | Height: | Size: 21 KiB |
Before Width: | Height: | Size: 12 KiB |
Before Width: | Height: | Size: 23 KiB |
Before Width: | Height: | Size: 12 KiB |
Before Width: | Height: | Size: 29 KiB |
Before Width: | Height: | Size: 24 KiB |
Before Width: | Height: | Size: 15 KiB |
Before Width: | Height: | Size: 14 KiB |
Before Width: | Height: | Size: 28 KiB |
Before Width: | Height: | Size: 6.7 KiB |
Before Width: | Height: | Size: 12 KiB |
Before Width: | Height: | Size: 8.2 KiB |
Before Width: | Height: | Size: 15 KiB |
Before Width: | Height: | Size: 9.4 KiB |
Before Width: | Height: | Size: 8.1 KiB |
Before Width: | Height: | Size: 5.8 KiB |
Before Width: | Height: | Size: 11 KiB |
Before Width: | Height: | Size: 8.1 KiB |
Before Width: | Height: | Size: 9.5 KiB |
Before Width: | Height: | Size: 15 KiB |
Before Width: | Height: | Size: 18 KiB |
Before Width: | Height: | Size: 12 KiB |
Before Width: | Height: | Size: 12 KiB |
Before Width: | Height: | Size: 14 KiB |
Before Width: | Height: | Size: 10 KiB |
Before Width: | Height: | Size: 8.2 KiB |
Before Width: | Height: | Size: 16 KiB |
Before Width: | Height: | Size: 8.2 KiB |
Before Width: | Height: | Size: 13 KiB |