This is the demo page of
https://github.com/matteoferla/PrettyFastaJS.
Here are two sequences within elements of the class fasta. PrettyFasta.js reads them, guesses whether they are DNA or protein and adds colour to them based on the settings in PrettyFasta.css and add a number as title (tooltip on hover). These two are added with the following lines anywhere in the code:
<link rel="stylesheet" type="text/css" href="PrettyFasta.css"/>
<script src="PrettyFasta.js"></script>
So if you want to change aspects of it, such as colours of each letter or whether to display only the numbers every 20, you can do so in the CSS.
>DNA sequence [Hypotheticalibacter invisibilis]
ZATC TCTATATATATAATXTCTATATAT-ATAGGGATCTCTATATATATAATCTCTATATATATAATCTCTATATATAGTAATCTCTATATATAGAATCTCTATATATATAATCTCTATATATATAATCTCTATATATATACCCTTTAAGGGGGAATCTCTATATATATAATCTCTATATATATATCTCTATATATATAAT XTCTATATAT-ATAGGGATCTCTATATATATAATCTCTATATATATAATCTCTATATATAGTAATCTCTATATATAGAATCTCTATATATATAATCTCTATATATATAATCTCTATATATATACCCTTTAAGGGGGAATCTCTATATATATAATCTCTATATATATATCTCTATATATATAATXTCTATATAT-ATAGGGATCTCTATATATATAATCTCTATATATATAATCTCTATATATAGTAATCTCTATATATAGAATCTCTATATATATAATCTCTATATATATAATCTCTATATATATACCCTTTAAGGGGGAATCTCTATATATATAATCTCTATATATATATCTCTATATATATAATXTCTATATAT-ATAGGGATCTCTATATATATAATCTCTATATATATAATCTCTATATATAGTAATCTCTATATATAGAATCTCTATATATATAATC TCTATATATATAATCTCTATATATATACCCTTTAAGGGGGAAT CTCTATATATATAATCTCTATATATATATCTCTATATATATAATXTCTATATAT-ATAGGGATCTCTATATATATAATCTCTATATATATAATCTCTATATATAGTAATCTCTATATATAGAATCTCTATATATATAATCTCTATATATATAATCTCTATATATATACCCTTTAAGGGGGAATCTCTATATATATAATCTCTATATATATATCTCTATATATATAATXTCTATATAT-ATAGGGATCTCTATATATATAATCTCTATATATATAATCTCTATATATAGTAATCTCTATATATAGAATCTCTATATATATAATCTCTATATATATAATCTCTATATATATACCCTTTAAGGGGGAATCTCTATATATATAATCTCTATATATATATCTCTATATATATAATXTCTATATAT-ATAGGGATCTCTATATATATAATCTCTATATATATAATCTCTATATATAGTAATCTCTATATATAGAATCTCTATATATATAATCTCT ATATATATAATCTCTATATATATACCCTTTAAGGGGGAATCTCTATATATATAATCTCTATATATATATCTCTATATATATAATXTCTATATAT-ATAGGGATCTCTATATATATAATCTCTATATATATAATCTCTATATATAGTAATCTCTATATATAGAATCTCTATATATATAATCTCTATATATATAATCTCTATATATATACCCTTTAAGGGGGAATCTCTATATATATAATCTCTATATATATATCTCTATATATATAATXTCTATATAT-ATAGGGATCTCTATATATATAATCTCTATATATATAATCTCTATATATAGTAATCTCTATATATAGAATCTCTATATATATAATCTCTATATATATAATCTCTATATATATACCCTTTAAGGGGGAATCTCTATATATATAATCTCTATATATATATCTCTATATATATAATXTCTATATAT-ATAGGGATCTCTATATATATAATCTCTATATATATAATCTCTATATATAGTAATCTCTATATATAGAATCTCTATATATATAATCTCTATATATATAATCTCTATATATATACCCTTTAAGGGGGAATCTCTATATATATAATCTCTATATATATATCTCTATATATATAATXTCTATATAT-ATAGGGATCTCTATATATATAATCTCTATATATATAATCTCTATATATAGTAATCTCTATATATAGAATCTCTATATATATAATCTCTATATATATAATCTCTATATATATACCCTTTAAGGGGGAATCTCTATATATATAATCTCTATATATATATCTCTATATATATAATXTCTATATAT-ATAGGGATCTCTATATATATAATCTCTATATATATAATCTCTATATATAGTAATCTCTATATATAGAATCTCTATATATATAATCTCTATATATATAATCTCTATATATATACCCTTTAAGGGGGAATCTCTATATATATAATCTCTATATATATA
>Protein sequence [Ecessivilongissiminomibacillus pendans]
ABCDEFGHIKLMNPQRTVWYZRFGEH----------------------IURFOJUFEDIOD--SFIPSA-DKOPWASQKLWQAWQKWQKFFFFFHJKHFJKEFHEJLFHEFHEWUIFHEOFHDCNEMNBDJHGDJHWBDXJKWEBDJDHEWJHCEHJEHFCDDJIOEWUEWUEOWIEOWIEOWIQOQIELDNXCMNJKDQWQKWKDKLK---FCKLLDKKLSD