Skip to content

Commit

Permalink
2.0
Browse files Browse the repository at this point in the history 
- Added many new accented letters: now it supports 66 letters (new 40 letters)
- Some improvements
- New icon
  • Loading branch information
@Sav22999
Sav22999 committed Jul 16, 2020
1 parent d2e8ef6 commit b85e6d2
Show file tree
Hide file tree
Showing 20 changed files with 258 additions and 198 deletions.
14 changes: 4 additions & 10 deletions README.md
View file
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
# <img src="img/icon-dark-96.png" width="40px" alt=""></img> Accented letters
This extension permits you to copy an accented letter in the clipboard. You can choose if you want to copy a lower letter or an upper letter.
This extension permits you to copy an accented letter in the clipboard. You can choose if you want to copy a lower letter or an upper letter. It supports 66 accented letters.
Official repo of https://addons.mozilla.org/it/firefox/addon/accented-letters/.

[![GitHub release](https://img.shields.io/github/release/Sav22999/accented-letters-addons.svg)](https://github.com/Sav22999/emoji/releases/) [![GitHub license](https://img.shields.io/github/license/Sav22999/accented-letters-addons.svg)](https://github.com/Sav22999/accented-letters-addons/blob/master/LICENSE) ![Maintenance](https://img.shields.io/badge/Maintained%3F-yes-green.svg) [![FOSSA Status](https://app.fossa.io/api/projects/git%2Bgithub.com%2FSav22999%2Faccented-letters-addons.svg?type=shield)](https://app.fossa.io/projects/git%2Bgithub.com%2FSav22999%2Faccented-letters-addons?ref=badge_shield)

[<img src="img/badge.png" width="170px">](https://addons.mozilla.org/it/firefox/addon/accented-letters/) [<img src="img/a-project-of.png" width="200px" />](https://saveriomorelli.com) [<img src="img/realised-by.png" width="200px" />](https://saveriomorelli.com)
[<img src="img/badge.png" width="170px">](https://addons.mozilla.org/it/firefox/addon/accented-letters/) [<img src="https://www.saveriomorelli.com/images/badges/a-project-of.png" width="200px" />](https://saveriomorelli.com) [<img src="https://www.saveriomorelli.com/images/badges/realised-by.png" width="200px" />](https://saveriomorelli.com)

To support me, you can do a donation :smile: with PayPal or Ko-fi:

[<img src="Z:/Documents/GitHub/Sav22999/emoji/img/donatePayPal.png" width="200px"></img>](https://bit.ly/3aJnnq7) [<img src="https://cdn.ko-fi.com/cdn/kofi1.png?v=2" width="200px"></img>](https://ko-fi.com/R5R31UQ8G)
[<img src="img/donatePayPal.png" width="200px"></img>](https://bit.ly/3aJnnq7) [<img src="https://cdn.ko-fi.com/cdn/kofi1.png?v=2" width="200px"></img>](https://ko-fi.com/R5R31UQ8G)

## How to contribute
You can open an issue and there you must describe the feedback, the bug or the new feature you want. You can request a new language too.
Expand All @@ -31,13 +31,7 @@ The add-ons is translated in these following languages (sort A-Z):

## Screenshots

New UI (1.1+):

<img src="screenshots/screenshot_new.png" alt="screenshot new UI" height="500px" />&nbsp;

Old UI (until 1.0):

<img src="screenshots/screenshot_old.png" alt="screenshot old" height="500px" />
<img src="screenshots/2/screenshot.png" alt="screenshot new UI" height="500px" />

## License
[![FOSSA Status](https://app.fossa.io/api/projects/git%2Bgithub.com%2FSav22999%2Faccented-letters-addons.svg?type=large)](https://app.fossa.io/projects/git%2Bgithub.com%2FSav22999%2Faccented-letters-addons?ref=badge_large)
56 changes: 32 additions & 24 deletions accentedletters.html
View file
Original file line number Diff line number Diff line change
@@ -1,33 +1,41 @@
<!---
Created by Saverio Morelli - saveriomorelli.com
version 1.2 - last update 2019-12-09
--->
<html>
<head>

<head>
<meta charset="utf-8">
<link rel="stylesheet" href="./css/accentedletters.css"/>
</head>
<link rel="stylesheet" href="./css/accentedletters.css" />
</head>

<body>
<div id="popup-content">
<div id="titles">
<input type="button" class="section_title" id="lowercase" value="Lowercase" /><input type="button" class="section_title" id="uppercase" value="Uppercase" />
</div>
<div id="letters">
<input type="button" class="letter" value="á" /><input type="button" class="letter" value="à" /><input type="button" class="letter" value="ä" /><input type="button" class="letter" value="â" /><input type="button" class="letter" value="å" /><input type="button" class="letter" value="ã" />
<br/>
<input type="button" class="letter" value="é" /><input type="button" class="letter" value="è" /><input type="button" class="letter" value="ë" /><input type="button" class="letter" value="ê" />
<br/>
<input type="button" class="letter" value="í" /><input type="button" class="letter" value="ì" /><input type="button" class="letter" value="ï" /><input type="button" class="letter" value="î" />
<br/>
<input type="button" class="letter" value="ó" /><input type="button" class="letter" value="ò" /><input type="button" class="letter" value="ö" /><input type="button" class="letter" value="ô" /><input type="button" class="letter" value="õ" />
<br/>
<input type="button" class="letter" value="ú" /><input type="button" class="letter" value="ù" /><input type="button" class="letter" value="ü" /><input type="button" class="letter" value="û" />
<br/>
<input type="button" class="letter" value="ñ" /><input type="button" class="letter" value="ý" /><input type="button" class="letter" value="ÿ" />
</div>
<input type="text" id="text_to_copy" style="display: none;" />
</div>
<script src="./js/accentedletters.js"></script>
<div id="popup-content">
<div id="titles">
<input type="button" class="section_title" id="lowercase" value="Lowercase" /><input type="button" class="section_title" id="uppercase" value="Uppercase" />
</div>
<div id="letters">
<input type="button" class="letter" value="á" /><input type="button" class="letter" value="à" /><input type="button" class="letter" value="ä" /><input type="button" class="letter" value="â" /><input type="button" class="letter" value="å" /><input type="button" class="letter" value="ã" /><input type="button" class="letter" value="ā"><input type="button" class="letter" value="ă" />
<br/>
<input type="button" class="letter" value="é" /><input type="button" class="letter" value="è" /><input type="button" class="letter" value="ë" /><input type="button" class="letter" value="ê" /><input type="button" class="letter" value="ė" /><input type="button" class="letter" value="ē" /><input type="button" class="letter" value="ĕ" /><input type="button" class="letter" value="ě" />
<br/>
<input type="button" class="letter" value="í" /><input type="button" class="letter" value="ì" /><input type="button" class="letter" value="ï" /><input type="button" class="letter" value="î" /><input type="button" class="letter" value="ĩ" /><input type="button" class="letter" value="ī" /><input type="button" class="letter" value="ĭ" />
<br/>
<input type="button" class="letter" value="ó" /><input type="button" class="letter" value="ò" /><input type="button" class="letter" value="ö" /><input type="button" class="letter" value="ô" /><input type="button" class="letter" value="õ" /><input type="button" class="letter" value="ō" /><input type="button" class="letter" value="ŏ" /><input type="button" class="letter" value="ő" />
<br/>
<input type="button" class="letter" value="ú" /><input type="button" class="letter" value="ù" /><input type="button" class="letter" value="ü" /><input type="button" class="letter" value="û" /><input type="button" class="letter" value="ů" /><input type="button" class="letter" value="ũ" /><input type="button" class="letter" value="ū" /><input type="button" class="letter" value="ŭ" /><input type="button" class="letter" value="ű" />
<br/>
<input type="button" class="letter" value="ć" /><input type="button" class="letter" value="ĉ" /><input type="button" class="letter" value="ċ" /><input type="button" class="letter" value="č" /><input type="button" class="letter" value="ý" /><input type="button" class="letter" value="ŷ" /><input type="button" class="letter" value="ÿ" />
<br/>
<input type="button" class="letter" value="ń" /><input type="button" class="letter" value="ñ" /><input type="button" class="letter" value="ň" /><input type="button" class="letter" value="ǵ" /><input type="button" class="letter" value="ĝ" /><input type="button" class="letter" value="ġ" /><input type="button" class="letter" value="ğ" /><input type="button" class="letter" value="ģ" />
<br>
<input type="button" class="letter" value="ď" /><input type="button" class="letter" value="ť" /><input type="button" class="letter" value="ĥ" /><input type="button" class="letter" value="ŵ" /><input type="button" class="letter" value="ŕ" /><input type="button" class="letter" value="ř" />
<br>
<input type="button" class="letter" value="ś" /><input type="button" class="letter" value="ŝ" /><input type="button" class="letter" value="ź" /><input type="button" class="letter" value="ż" /><input type="button" class="letter" value="ž" />
</div>
<input type="text" id="text_to_copy" style="display: none;" />
<!--Model: <input type="button" class="letter" value="" />-->
</div>
<script src="./js/accentedletters.js"></script>
</body>

</html>
209 changes: 106 additions & 103 deletions css/accentedletters.css
View file
Original file line number Diff line number Diff line change
@@ -1,119 +1,122 @@
@font-face
{
font-family: source code pro;
src: url("../font/sourcecodepro.ttf");
@font-face {
font-family: source code pro;
src: url("../font/sourcecodepro.ttf");
}
@font-face
{
font-family: zilla slab;
src: url("../font/zillaslab.otf");

@font-face {
font-family: zilla slab;
src: url("../font/zillaslab.otf");
}
body
{

body {
background-color: transparent;
color: black;
width: 284px;
height: 323px;
overflow: hidden;
/* 46*n_columns + 10 */
width: 332px;
/* 46*n_rows + 14 + height_titles (36)*/
height: 322px;
overflow: hidden;
}
#popup-content
{
width: 284px;
height: 323px;
margin: 2px;
margin-left: -1px;
margin-right: -1px;
background-color: transparent;
border: 1px solid transparent;
position: relative;

#popup-content {
width: 100%;
height: 100%;
margin: 0px;
background-color: transparent;
border: 1px solid transparent;
position: relative;
overflow: hidden;
}
#titles
{
position: absolute;
width: 288px;
height: 36px;
top: 0px;
left: 0px;
overflow: hidden;

#titles {
position: absolute;
width: auto;
height: 36px;
top: 0px;
left: 0px;
right: 0px;
overflow: hidden;
}
#letters
{
position: absolute;
width: 288px;
height: 284px;
top: 38px;
left: 0px;
padding: 2px;
padding-left: 4px;
padding-right: 4px;
overflow: hidden;

#letters {
position: absolute;
width: 100%;
height: 100%;
top: 38px;
left: 0px;
padding: 2px;
padding-left: 4px;
padding-right: 4px;
overflow: hidden;
}
.section_title
{
background-color: transparent;
width: 50%;
height: 100%;
padding: 3px;
color: rgb(10, 132, 255);
border: 0px;
border-radius: 0px;
font-size: 14px;
border-top: 3px solid rgb(10, 132, 255);
border-bottom: 1px solid rgb(201, 202, 203);
font-family: zilla slab;
margin: 0px;
cursor: pointer;
position: relative;
font-weight: bold;
transition: 0.1s;

.section_title {
background-color: transparent;
width: 50%;
height: 100%;
padding: 3px;
color: rgb(10, 132, 255);
border: 0px;
border-radius: 0px;
font-size: 14px;
border-top: 3px solid rgb(10, 132, 255);
border-bottom: 1px solid rgb(201, 202, 203);
font-family: zilla slab;
margin: 0px;
cursor: pointer;
position: relative;
font-weight: bold;
transition: 0.1s;
}
.letter
{
background-color: rgb(255, 255, 255);
padding: 5px;
width: 40px;
height: 40px;
color: black;
border: 0px;
border-radius: 3px;
font-size: 14px;
font-family: source code pro;
margin: 3px;
cursor: pointer;
position: relative;
transition: 0.1s;

.letter {
background-color: rgb(255, 255, 255);
padding: 5px;
width: 40px;
height: 40px;
color: black;
border: 0px;
border-radius: 3px;
font-size: 16px;
font-family: source code pro;
margin: 3px;
cursor: pointer;
position: relative;
transition: 0.1s;
}
.section_title:hover, .letter:hover
{
background-color: rgb(221, 222, 223);

.section_title:hover,
.letter:hover {
background-color: rgb(221, 222, 223);
}
.letter:active, .letter:focus
{
box-shadow: 0px 0px 0px 2px #0a84ff, 0px 0px 0px 5px #b1d6fc;

.letter:active,
.letter:focus {
box-shadow: 0px 0px 0px 2px #0a84ff, 0px 0px 0px 5px #b1d6fc;
}
.section_title:active
{
background-color: rgb(201, 202, 203);

.section_title:active {
background-color: rgb(201, 202, 203);
}

b.character-copied {
position: fixed;
bottom: 3px;
right: 30%;
left: 30%;
text-align: center;
height: auto;
width: auto;
font-size: 16px;
color: rgb(221, 222, 223);
z-index: 999;
background-color: #0a84ff;
border-radius: 3px;
padding: 5px;
margin: 0px;
border: 0px solid transparent;
text-align: center;
width: auto;
font-weight: bold;
font-family: zilla slab;
position: fixed;
bottom: 3px;
right: 30%;
left: 30%;
text-align: center;
height: auto;
width: auto;
font-size: 16px;
color: rgb(221, 222, 223);
z-index: 999;
background-color: #0a84ff;
border-radius: 3px;
padding: 5px;
margin: 0px;
border: 0px solid transparent;
text-align: center;
width: auto;
font-weight: bold;
font-family: zilla slab;
}
Binary file removed img/a-project-of.png
View file
Binary file not shown.
Binary file modified img/icon-dark-16.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified img/icon-dark-24.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified img/icon-dark-48.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified img/icon-dark-96.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit b85e6d2

Please sign in to comment.