Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Updated with title attributes and ALT tags #201

Merged
merged 27 commits into from Apr 4, 2023
Merged
Show file tree
Hide file tree
Changes from 6 commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 5 additions & 5 deletions CODE_OF_CONDUCT.md
Original file line number Diff line number Diff line change
Expand Up @@ -125,8 +125,8 @@ For answers to common questions about this code of conduct, see the FAQ at
[https://www.contributor-covenant.org/faq][faq]. Translations are available at
[https://www.contributor-covenant.org/translations][translations].

[homepage]: https://www.contributor-covenant.org
[v2.1]: https://www.contributor-covenant.org/version/2/1/code_of_conduct.html
[mozilla coc]: https://github.com/mozilla/diversity
[faq]: https://www.contributor-covenant.org/faq
[translations]: https://www.contributor-covenant.org/translations
[homepage]: https://www.contributor-covenant.org "https://www.contributor-covenant.org"
[v2.1]: https://www.contributor-covenant.org/version/2/1/code_of_conduct.html "https://www.contributor-covenant.org/version/2/1/code_of_conduct.html"
[mozilla coc]: https://github.com/mozilla/diversity "https://github.com/mozilla/diversity"
[faq]: https://www.contributor-covenant.org/faq "https://www.contributor-covenant.org/faq"
[translations]: https://www.contributor-covenant.org/translations "https://www.contributor-covenant.org/translations"
This conversation was marked as resolved.
Show resolved Hide resolved
12 changes: 6 additions & 6 deletions CONTRIBUTING.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,8 +8,8 @@ Make sure your request is meaningful and you have tested the app locally before

#### Requirements

- [PHP 7.4+](https://www.apachefriends.org/index.html)
- [Composer](https://getcomposer.org)
- [PHP 7.4+](https://www.apachefriends.org/index.html "PHP 7.4+")
- [Composer](https://getcomposer.org "Composer")
This conversation was marked as resolved.
Show resolved Hide resolved

#### Linux

Expand All @@ -21,11 +21,11 @@ sudo apt-get install composer

#### Windows

Install PHP from [XAMPP](https://www.apachefriends.org/index.html) or [php.net](https://windows.php.net/download)
Install PHP from [XAMPP](https://www.apachefriends.org/index.html "XAMPP") or [php.net](https://windows.php.net/download "php.net")
This conversation was marked as resolved.
Show resolved Hide resolved

[▶ How to install and run PHP using XAMPP (Windows)](https://www.youtube.com/watch?v=K-qXW9ymeYQ)
[▶ How to install and run PHP using XAMPP (Windows)](https://www.youtube.com/watch?v=K-qXW9ymeYQ "How to install and run PHP using XAMPP (Windows)")
This conversation was marked as resolved.
Show resolved Hide resolved

[📥 Download Composer](https://getcomposer.org/download/)
[📥 Download Composer](https://getcomposer.org/download/ "Download Composer")
This conversation was marked as resolved.
Show resolved Hide resolved

### Clone the repository

Expand Down Expand Up @@ -64,7 +64,7 @@ Run the following command to check if your code is formatted properly:
composer run format:check
```

> **Note** You need to have [`prettier`](https://prettier.io/) and the [prettier-php plugin](https://github.com/prettier/plugin-php) installed globally in order to run this command.
> **Note** You need to have [`prettier`](https://prettier.io/ "prettier") and the [prettier-php plugin](https://github.com/prettier/plugin-php "prettier-php plugin") installed globally in order to run this command.
This conversation was marked as resolved.
Show resolved Hide resolved

Run the following command to run the PHPUnit test script which will verify that the tested functionality is still working.

Expand Down
100 changes: 50 additions & 50 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
</p>

<p align="center">
<img src="https://readme-typing-svg.demolab.com/?lines=Type+messages+everywhere!;Add+a+bio+to+your+profile!;Add+a+description+to+your+repo!;Make+your+readme+stand+out!&font=Fira%20Code&center=true&width=380&height=50&duration=4000&pause=1000">
<img src="https://readme-typing-svg.demolab.com/?lines=Type+messages+everywhere!;Add+a+bio+to+your+profile!;Add+a+description+to+your+repo!;Make+your+readme+stand+out!&font=Fira%20Code&center=true&width=380&height=50&duration=4000&pause=1000" alt="Example Usage - README Typing SVG">
</p>

<p align="center">
Expand All @@ -22,7 +22,7 @@
3. Adjust the width parameter (see below) to fit the full width of your text.

```md
[![Typing SVG](https://readme-typing-svg.demolab.com/?lines=First+line+of+text;Second+line+of+text)](https://git.io/typing-svg)
[![Typing SVG](https://readme-typing-svg.demolab.com/?lines=First+line+of+text;Second+line+of+text)](https://git.io/typing-svg "Typing SVG")
This conversation was marked as resolved.
Show resolved Hide resolved
```

4. Star the repo 😄
Expand All @@ -33,55 +33,55 @@ Here you can easily customize your Typing SVG with a live preview.

<https://readme-typing-svg.demolab.com/demo/>

[![Demo Site](https://user-images.githubusercontent.com/20955511/183703055-42ec8754-d84c-414f-8132-a02974224aa1.gif "Demo Site")](https://readme-typing-svg.demolab.com/demo/)
[![Demo Site](https://user-images.githubusercontent.com/20955511/183703055-42ec8754-d84c-414f-8132-a02974224aa1.gif "Demo Site")](https://readme-typing-svg.demolab.com/demo/ "Demo Site")
This conversation was marked as resolved.
Show resolved Hide resolved

## 🚀 Example usage

Below are links to profiles where you can see Readme Typing SVGs in action!

[![Jonah Lawrence](https://github.com/DenverCoder1.png?size=60)](https://github.com/DenverCoder1)
[![Waren Gonzaga](https://github.com/warengonzaga.png?size=60)](https://github.com/warengonzaga)
[![Eke Victor](https://github.com/Evavic44.png?size=60)](https://github.com/Evavic44)
[![8BitJonny](https://github.com/8BitJonny.png?size=60)](https://github.com/8BitJonny)
[![Aditya Raute](https://github.com/adityaraute.png?size=60)](https://github.com/adityaraute)
[![Shiva Sankeerth Reddy](https://github.com/ShivaSankeerth.png?size=60)](https://github.com/ShivaSankeerth)
[![Tarun Kamboj](https://github.com/Tarun-Kamboj.png?size=60)](https://github.com/Tarun-Kamboj)
[![T.A.Vignesh](https://github.com/tavignesh.png?size=60)](https://github.com/tavignesh)
[![Angelo Fallaria](https://github.com/angelofallars.png?size=60)](https://github.com/angelofallars)
[![William J. Ghelfi](https://github.com/trumbitta.png?size=60)](https://github.com/trumbitta)
[![Shivam Yadav](https://github.com/sudoshivam.png?size=60)](https://github.com/sudoshivam)
[![Pratik Pingale](https://github.com/PROxZIMA.png?size=60)](https://github.com/PROxZIMA)
[![Vydr'Oz](https://github.com/VydrOz.png?size=60)](https://github.com/VydrOz)
[![Caroline Heloíse](https://github.com/Carol42.png?size=60)](https://github.com/Carol42)
[![PriyanshK09](https://github.com/PriyanshK09.png?size=60)](https://github.com/PriyanshK09)
[![BenjaminMichaelis](https://github.com/BenjaminMichaelis.png?size=60)](https://github.com/BenjaminMichaelis)
[![Thakur Ballary](https://github.com/thakurballary.png?size=60)](https://github.com/thakurballary)
[![NiceSapien](https://github.com/nicesapien.png?size=60)](https://github.com/nicesapien)
[![Manthan Ank](https://github.com/manthanank.png?size=60)](https://github.com/manthanank)
[![Ronny Coste](https://github.com/lertsoft.png?size=60)](https://github.com/lertsoft)
[![Vishal Beep](https://github.com/vishal-beep136.png?size=60)](https://github.com/Vishal-beep136)
[![Raihan Khan](https://github.com/raihankhan.png?size=60)](https://github.com/raihankhan)
[![wiz64](https://github.com/wiz64.png?size=60)](https://github.com/wiz64)
[![Aquarian Blake](https://github.com/Aquarius-blake.png?size=60)](https://github.com/Aquarius-blake)
[![D3vil0p3r](https://github.com/D3vil0p3r.png?size=60)](https://github.com/D3vil0p3r)
[![EliusHHimel](https://github.com/EliusHHimel.png?size=60)](https://github.com/EliusHHimel)
[![jcs090218](https://github.com/jcs090218.png?size=60)](https://github.com/jcs090218)
[![Rishabh2804](https://github.com/Rishabh2804.png?size=60)](https://github.com/Rishabh2804)
[![shalinibhatt](https://github.com/shalinibhatt.png?size=60)](https://github.com/shalinibhatt)
[![UlisesAlexanderAM](https://github.com/UlisesAlexanderAM.png?size=60)](https://github.com/UlisesAlexanderAM)
[![SpookyJelly](https://github.com/SpookyJelly.png?size=60)](https://github.com/SpookyJelly)
[![yousafesaeed](https://github.com/yousafesaeed.png?size=60)](https://github.com/yousafesaeed)
[![cfcife](https://github.com/cfcife.png?size=60)](https://github.com/cfcife)
[![majidtdeni666](https://github.com/majidtdeni666.png?size=60)](https://github.com/majidtdeni666)
[![GalexY727](https://github.com/galexy727.png?size=60)](https://github.com/galexy727)
[![HectorSaldes](https://github.com/HectorSaldes.png?size=60)](https://github.com/HectorSaldes)
[![Ash-codes18](https://github.com/Ash-codes18.png?size=60)](https://github.com/Ash-codes18)
[![Maagnitude](https://github.com/Maagnitude.png?size=60)](https://github.com/Maagnitude)
[![cracker911181](https://github.com/cracker911181.png?size=60)](https://github.com/cracker911181)
[![quiet-node](https://github.com/quiet-node.png?size=60)](https://github.com/quiet-node)
[![ProfCyberNaught](https://github.com/ProfCyberNaught.png?size=60)](https://github.com/ProfCyberNaught)

Feel free to [open a PR](https://github.com/DenverCoder1/readme-typing-svg/issues/21#issue-870549556) and add yours!
[![Jonah Lawrence](https://github.com/DenverCoder1.png?size=60)](https://github.com/DenverCoder1 "Jonah Lawrence on GitHub")
[![Waren Gonzaga](https://github.com/warengonzaga.png?size=60)](https://github.com/warengonzaga "Waren Gonzaga on GitHub")
[![Eke Victor](https://github.com/Evavic44.png?size=60)](https://github.com/Evavic44 "Eke Victor on GitHub")
[![8BitJonny](https://github.com/8BitJonny.png?size=60)](https://github.com/8BitJonny "8BitJonny on GitHub")
[![Aditya Raute](https://github.com/adityaraute.png?size=60)](https://github.com/adityaraute "Aditya Raute on GitHub")
[![Shiva Sankeerth Reddy](https://github.com/ShivaSankeerth.png?size=60)](https://github.com/ShivaSankeerth "Shiva Sankeerth Reddy on GitHub")
[![Tarun Kamboj](https://github.com/Tarun-Kamboj.png?size=60)](https://github.com/Tarun-Kamboj "Tarun Kamboj on GitHub")
[![T.A.Vignesh](https://github.com/tavignesh.png?size=60)](https://github.com/tavignesh "T.A.Vignesh on GitHub")
[![Angelo Fallaria](https://github.com/angelofallars.png?size=60)](https://github.com/angelofallars "Angelo Fallaria on GitHub")
[![William J. Ghelfi](https://github.com/trumbitta.png?size=60)](https://github.com/trumbitta "William J. Ghelfi on GitHub")
[![Shivam Yadav](https://github.com/sudoshivam.png?size=60)](https://github.com/sudoshivam "Shivam Yadav on GitHub")
[![Pratik Pingale](https://github.com/PROxZIMA.png?size=60)](https://github.com/PROxZIMA "Pratik Pingale on GitHub")
[![Vydr'Oz](https://github.com/VydrOz.png?size=60)](https://github.com/VydrOz "Vydr'Oz on GitHub")
[![Caroline Heloíse](https://github.com/Carol42.png?size=60)](https://github.com/Carol42 "Caroline Heloíse on GitHub")
[![PriyanshK09](https://github.com/PriyanshK09.png?size=60)](https://github.com/PriyanshK09 "PriyanshK09 on GitHub")
[![BenjaminMichaelis](https://github.com/BenjaminMichaelis.png?size=60)](https://github.com/BenjaminMichaelis "BenjaminMichaelis on GitHub")
[![Thakur Ballary](https://github.com/thakurballary.png?size=60)](https://github.com/thakurballary "Thakur Ballary on GitHub")
[![NiceSapien](https://github.com/nicesapien.png?size=60)](https://github.com/nicesapien "NiceSapien on GitHub")
[![Manthan Ank](https://github.com/manthanank.png?size=60)](https://github.com/manthanank "Manthan Ank on GitHub")
[![Ronny Coste](https://github.com/lertsoft.png?size=60)](https://github.com/lertsoft "Ronny Coste on GitHub")
[![Vishal Beep](https://github.com/vishal-beep136.png?size=60)](https://github.com/Vishal-beep136 "Vishal Beep on GitHub")
[![Raihan Khan](https://github.com/raihankhan.png?size=60)](https://github.com/raihankhan "Raihan Khan on GitHub")
[![wiz64](https://github.com/wiz64.png?size=60)](https://github.com/wiz64 "wiz64 on GitHub")
[![Aquarian Blake](https://github.com/Aquarius-blake.png?size=60)](https://github.com/Aquarius-blake "Aquarian Blake on GitHub")
[![D3vil0p3r](https://github.com/D3vil0p3r.png?size=60)](https://github.com/D3vil0p3r "D3vil0p3r on GitHub")
[![EliusHHimel](https://github.com/EliusHHimel.png?size=60)](https://github.com/EliusHHimel "EliusHHimel on GitHub")
[![jcs090218](https://github.com/jcs090218.png?size=60)](https://github.com/jcs090218 "jcs090218 on GitHub")
[![Rishabh2804](https://github.com/Rishabh2804.png?size=60)](https://github.com/Rishabh2804 "Rishabh2804 on GitHub")
[![shalinibhatt](https://github.com/shalinibhatt.png?size=60)](https://github.com/shalinibhatt "shalinibhatt on GitHub")
[![UlisesAlexanderAM](https://github.com/UlisesAlexanderAM.png?size=60)](https://github.com/UlisesAlexanderAM "UlisesAlexanderAM on GitHub")
[![SpookyJelly](https://github.com/SpookyJelly.png?size=60)](https://github.com/SpookyJelly "SpookyJelly on GitHub")
[![yousafesaeed](https://github.com/yousafesaeed.png?size=60)](https://github.com/yousafesaeed "yousafesaeed on GitHub")
[![cfcife](https://github.com/cfcife.png?size=60)](https://github.com/cfcife "cfcife on GitHub")
[![majidtdeni666](https://github.com/majidtdeni666.png?size=60)](https://github.com/majidtdeni666 "majidtdeni666 on GitHub")
[![GalexY727](https://github.com/galexy727.png?size=60)](https://github.com/galexy727 "GalexY727 on GitHub")
[![HectorSaldes](https://github.com/HectorSaldes.png?size=60)](https://github.com/HectorSaldes "HectorSaldes on GitHub")
[![Ash-codes18](https://github.com/Ash-codes18.png?size=60)](https://github.com/Ash-codes18 "HectorSaldes on GitHub")
[![Maagnitude](https://github.com/Maagnitude.png?size=60)](https://github.com/Maagnitude "Ash-codes18 on GitHub")
[![cracker911181](https://github.com/cracker911181.png?size=60)](https://github.com/cracker911181 "Maagnitude on GitHub")
[![quiet-node](https://github.com/quiet-node.png?size=60)](https://github.com/quiet-node "quiet-node on GitHub")
[![ProfCyberNaught](https://github.com/ProfCyberNaught.png?size=60)](https://github.com/ProfCyberNaught "ProfCyberNaught on GitHub")

Feel free to [open a PR](https://github.com/DenverCoder1/readme-typing-svg/issues/21#issue-870549556 "open a PR") and add yours!
This conversation was marked as resolved.
Show resolved Hide resolved

## 🔧 Options

Expand Down Expand Up @@ -114,7 +114,7 @@ You can deploy the PHP files on any website server with PHP installed or as a He
1. Sign in to **Heroku** or create a new account at <https://heroku.com>
2. Click the "Deploy to Heroku" button below

[![Deploy](https://www.herokucdn.com/deploy/button.svg "Deploy to Heroku")](https://heroku.com/deploy?template=https://github.com/DenverCoder1/readme-typing-svg/tree/main)
[![Deploy](https://www.herokucdn.com/deploy/button.svg "Deploy to Heroku")](https://heroku.com/deploy?template=https://github.com/DenverCoder1/readme-typing-svg/tree/main "Deploy to Heroku")
This conversation was marked as resolved.
Show resolved Hide resolved

3. On the page that comes up, click **"Deploy App"** at the end of the form
4. Once the app is deployed, click **"Manage App"** to go to the dashboard
Expand All @@ -126,7 +126,7 @@ Contributions are welcome! Feel free to open an issue or submit a pull request i

Make sure your request is meaningful and you have tested the app locally before submitting a pull request.

Refer to [CONTRIBUTING.md](/CONTRIBUTING.md) for more details on contributing, installing requirements, and running the application.
Refer to [CONTRIBUTING.md](/CONTRIBUTING.md "CONTRIBUTING.md") for more details on contributing, installing requirements, and running the application.
This conversation was marked as resolved.
Show resolved Hide resolved

## 🙋‍♂️ Support

Expand All @@ -139,7 +139,7 @@ Refer to [CONTRIBUTING.md](/CONTRIBUTING.md) for more details on contributing, i
</p>
<!-- markdownlint-enable MD033 -->

[☕ Buy me a coffee](https://ko-fi.com/jlawrence)
[☕ Buy me a coffee](https://ko-fi.com/jlawrence "Buy me a coffee")
This conversation was marked as resolved.
Show resolved Hide resolved

---

Expand All @@ -151,4 +151,4 @@ Made with ❤️ and PHP

<!-- markdownlint-enable MD033 -->

This project uses [Twemoji](https://github.com/twitter/twemoji), published under the [CC-BY 4.0 License](https://creativecommons.org/licenses/by/4.0/)
This project uses [Twemoji](https://github.com/twitter/twemoji "Twemoji"), published under the [CC-BY 4.0 License](https://creativecommons.org/licenses/by/4.0/ "CC-BY 4.0 License")
This conversation was marked as resolved.
Show resolved Hide resolved
14 changes: 7 additions & 7 deletions docs/faq.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,19 +2,19 @@

## How do I include Readme Typing SVG in my Readme?

Markdown files on GitHub support embedded images using Markdown or HTML. You can customize your SVG on the [demo site](https://readme-typing-svg.demolab.com/demo/) and use the image source in either of the following ways:
Markdown files on GitHub support embedded images using Markdown or HTML. You can customize your SVG on the [demo site](https://readme-typing-svg.demolab.com/demo/ "demo site") and use the image source in either of the following ways:
This conversation was marked as resolved.
Show resolved Hide resolved

### Markdown

```md
[![Typing SVG](https://readme-typing-svg.demolab.com/?lines=First+line+of+text;Second+line+of+text)](https://git.io/typing-svg)
[![Typing SVG](https://readme-typing-svg.demolab.com/?lines=First+line+of+text;Second+line+of+text)](https://git.io/typing-svg "Typing SVG")
This conversation was marked as resolved.
Show resolved Hide resolved
```

### HTML

<!-- prettier-ignore-start -->
```html
<a href="https://git.io/typing-svg"><img src="https://readme-typing-svg.demolab.com/?lines=First+line+of+text;Second+line+of+text"/></a>
<a href="https://git.io/typing-svg" title=""Readme Typing SVG><img src="https://readme-typing-svg.demolab.com/?lines=First+line+of+text;Second+line+of+text"/></a>
This conversation was marked as resolved.
Show resolved Hide resolved
```
<!-- prettier-ignore-end -->

Expand All @@ -35,7 +35,7 @@ To center align images, you must use the HTML syntax and wrap it in an element w
<!-- prettier-ignore-start -->
```html
<p align="center">
<a href="https://git.io/typing-svg"><img src="https://readme-typing-svg.demolab.com/?lines=This+image+is+center-aligned&font=Fira%20Code&center=true&width=380&height=50"/></a>
<a href="https://git.io/typing-svg" title="Readme Typipng SVG"><img src="https://readme-typing-svg.demolab.com/?lines=This+image+is+center-aligned&font=Fira%20Code&center=true&width=380&height=50"/></a>
This conversation was marked as resolved.
Show resolved Hide resolved
</p>
```
<!-- prettier-ignore-end -->
Expand All @@ -48,17 +48,17 @@ A workaround for adding extra spaces can be to use other whitespace characters (

## How do I make different SVGs for dark mode and light mode?

As of May 2022, you can now [specify theme context](https://github.blog/changelog/2022-05-19-specify-theme-context-for-images-in-markdown-beta/) using the `<picture>` and `<source>` elements as shown below. The dark mode version appears in the `srcset` of the `<source>` tag and the light mode version appears in the `src` of the `<img>` tag.
As of May 2022, you can now [specify theme context](https://github.blog/changelog/2022-05-19-specify-theme-context-for-images-in-markdown-beta/ "specify theme context") using the `<picture>` and `<source>` elements as shown below. The dark mode version appears in the `srcset` of the `<source>` tag and the light mode version appears in the `src` of the `<img>` tag.
This conversation was marked as resolved.
Show resolved Hide resolved

<!-- prettier-ignore-start -->
```html
<picture>
<source media="(prefers-color-scheme: dark)" srcset="https://readme-typing-svg.demolab.com/?lines=You+are+using+dark+mode&color=FFFFFF" />
<img src="https://readme-typing-svg.demolab.com/?lines=You+are+using+light+mode&color=000000" />
<img src="https://readme-typing-svg.demolab.com/?lines=You+are+using+light+mode&color=000000" alt="Readme Typing SVG"/>
This conversation was marked as resolved.
Show resolved Hide resolved
</picture>
```
<!-- prettier-ignore-end -->

## How do I create a Readme for my profile?

A profile readme appears on your profile page when you create a repository with the same name as your username and add a `README.md` file to it. For example, the repository for the user [`DenverCoder1`](https://github.com/DenverCoder1) is located at [`DenverCoder1/DenverCoder1`](https://github.com/DenverCoder1/DenverCoder1).
A profile readme appears on your profile page when you create a repository with the same name as your username and add a `README.md` file to it. For example, the repository for the user [`DenverCoder1`](https://github.com/DenverCoder1 "DenverCoder1") is located at [`DenverCoder1/DenverCoder1`](https://github.com/DenverCoder1/DenverCoder1 "DenverCoder1/DenverCoder1").
This conversation was marked as resolved.
Show resolved Hide resolved