canonical / tools.demos.haus Goto Github PK
View Code? Open in Web Editor NEWHome Page: https://tools.demos.haus/
License: GNU General Public License v3.0
Home Page: https://tools.demos.haus/
License: GNU General Public License v3.0
Build a form to generate social banners based on https://intl.transitionelement.com/social/
In Firefox the illustration isn't rendered to any of the images. This is because without width and height attributes on the root svg
element the browser interprets the dimensions as 0 x 0.
There are a number of bugs filed about this on bugzilla:
From #13 (comment):
Also, as Peter said, when the copy is short the illustration on the taller banners stays too low, if you can try and centre it vertically in the gap left that would be great.
With 'Facebook & LinkedIn - 1200 x 628' when the copy is short as above, can you move the copy down to be more vertically centred as in this version 'Twitter wide - 800 x 418'. Thanks
This issue provides visibility into Renovate updates and their statuses. Learn more
These updates have all been created already. Click a checkbox below to force a retry/rebase of any.
@babel/core
, @babel/plugin-transform-runtime
, @babel/preset-env
, autoprefixer
, babel-jest
, babel-loader
, canonicalwebteam.flask-base
, eslint
, expose-loader
, jest
, node
, postcss
, sass
, stylelint
, stylelint-config-standard
, stylelint-order
, stylelint-scss
, webpack
)The form to generate a social banner should have the options to set the width and height of the illustration.
Adding a line break to the text, whether it's a soft return or <br />
breaks the page and no banners are displayed.
Currently the text positioning isn't quite right. It should be aware of it's dimensions and able to position itself accordingly.
There should be a form which a user can enter variables which will be used to generate social banners. These banners will each be rendered as an image and have a download link.
The end goal is to host this on the asset server and enable the user to generate banners with query parameters which can either be entered manually or created by a form.
Prior art: https://codepen.io/anthonydillon/pen/mdVRxbQ
There is an error with this repository's Renovate configuration that needs to be fixed. As a precaution, Renovate will stop PRs until it is resolved.
Error type: undefined
If there is no illustration URL specified there is a 404 response for /fetch in the console
But if you add ?w=1000 to them, they work?
Sorry I don't have an example, but when I find one, I will let you know.
Each social image should have a download link underneath
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.