├── .vscode
└── settings.json
├── images
├── gif.gif
├── icon.png
├── banner.png
├── github-dark.png
└── github-light.png
├── css
├── style.css.map
├── style.scss
├── style.css
└── vue-simple-markdown.css
├── .github
└── FUNDING.yml
├── LICENSE
├── README.md
├── js
├── translator.js
├── script.js
└── vue.js
├── i18n
├── en.json
└── es.json
└── index.html
/.vscode/settings.json:
--------------------------------------------------------------------------------
1 | {
2 | "editor.formatOnSaveMode": "modifications"
3 | }
--------------------------------------------------------------------------------
/images/gif.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/arturssmirnovs/github-profile-readme-generator/HEAD/images/gif.gif
--------------------------------------------------------------------------------
/images/icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/arturssmirnovs/github-profile-readme-generator/HEAD/images/icon.png
--------------------------------------------------------------------------------
/images/banner.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/arturssmirnovs/github-profile-readme-generator/HEAD/images/banner.png
--------------------------------------------------------------------------------
/images/github-dark.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/arturssmirnovs/github-profile-readme-generator/HEAD/images/github-dark.png
--------------------------------------------------------------------------------
/images/github-light.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/arturssmirnovs/github-profile-readme-generator/HEAD/images/github-light.png
--------------------------------------------------------------------------------
/css/style.css.map:
--------------------------------------------------------------------------------
1 | {
2 | "version": 3,
3 | "mappings": "AACE,oBAAS;EACP,UAAU,EAAE,KAAK;AAEnB,eAAI;EACF,SAAS,EAAE,IAAI;;AAGnB,UAAW;EACT,UAAU,EAAE,IAAI;EAChB,OAAO,EAAE,SAAS;EAClB,aAAG;IACD,WAAW,EAAE,IAAI;;AAGrB,KAAM;EACJ,WAAW,EAAE,IAAI;EACjB,aAAa,EAAE,IAAI;;AAErB,UAAW;EACT,MAAM,EAAE,8BAA0B;EAClC,aAAa,EAAE,MAAM;;AAEvB,IAAK;EACH,WAAW,EAAE,IAAI;EACjB,OAAG;IACD,cAAc,EAAE,SAAS;IACzB,aAAa,EAAE,IAAI;;AAGvB,MAAO;EACL,gBAAgB,EAAE,OAAO;EACzB,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,IAAI;EACjB,cAAc,EAAE,IAAI;EACpB,UAAU,EAAE,IAAI;EAChB,KAAK,EAAE,IAAI;;AAGb,QAAS;EACP,aAAa,EAAE,MAAM;;AAGvB,aAAc;EACZ,KAAK,EAAE,IAAI",
4 | "sources": ["style.scss"],
5 | "names": [],
6 | "file": "style.css"
7 | }
--------------------------------------------------------------------------------
/.github/FUNDING.yml:
--------------------------------------------------------------------------------
1 | # These are supported funding model platforms
2 |
3 | github: # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2]
4 | patreon: # Replace with a single Patreon username
5 | open_collective: # Replace with a single Open Collective username
6 | ko_fi: arturssmirnovs
7 | tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
8 | community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
9 | liberapay: # Replace with a single Liberapay username
10 | issuehunt: # Replace with a single IssueHunt username
11 | otechie: # Replace with a single Otechie username
12 | custom: ['https://www.buymeacoffee.com/arturssmirnovs', 'https://www.paypal.com/paypalme/arturs911']
13 |
--------------------------------------------------------------------------------
/css/style.scss:
--------------------------------------------------------------------------------
1 | app-sidebar {
2 | textarea {
3 | min-height: 290px;
4 | }
5 | img {
6 | max-width: 100%;
7 | }
8 | }
9 | .jumbotron {
10 | margin-top: 3rem;
11 | padding: 2rem 2rem;
12 | h1 {
13 | font-weight: bold;
14 | }
15 | }
16 | label {
17 | font-weight: bold;
18 | margin-bottom: 10px;
19 | }
20 | .nav-pills {
21 | border: 1px solid rgba(0,0,0,.125);
22 | border-radius: .25rem;
23 | }
24 | .tab {
25 | padding-top: 30px;
26 | h3 {
27 | text-transform: uppercase;
28 | margin-bottom: 20px;
29 | }
30 | }
31 | footer {
32 | background-color: #e9ecef;
33 | text-align: center;
34 | padding-top: 25px;
35 | padding-bottom: 20px;
36 | margin-top: 50px;
37 | color: #000;
38 | }
39 |
40 | footer p {
41 | margin-bottom: .25rem;
42 | }
43 |
44 | .example-icon {
45 | width: 20px;
46 | }
--------------------------------------------------------------------------------
/css/style.css:
--------------------------------------------------------------------------------
1 | app-sidebar textarea {
2 | min-height: 290px; }
3 | app-sidebar img {
4 | max-width: 100%; }
5 |
6 | .jumbotron {
7 | margin-top: 3rem;
8 | padding: 2rem 2rem; }
9 | .jumbotron h1 {
10 | font-weight: bold; }
11 |
12 | label {
13 | font-weight: bold;
14 | margin-bottom: 10px; }
15 |
16 | .nav-pills {
17 | border: 1px solid rgba(0, 0, 0, 0.125);
18 | border-radius: .25rem; }
19 |
20 | .tab {
21 | padding-top: 30px; }
22 | .tab h3 {
23 | text-transform: uppercase;
24 | margin-bottom: 20px; }
25 |
26 | footer {
27 | background-color: #e9ecef;
28 | text-align: center;
29 | padding-top: 25px;
30 | padding-bottom: 20px;
31 | margin-top: 50px;
32 | color: #000; }
33 |
34 | footer p {
35 | margin-bottom: .25rem; }
36 |
37 | .example-icon {
38 | width: 20px; }
39 |
40 | /*# sourceMappingURL=style.css.map */
41 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2020 Arturs Smirnovs
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # Github Readme Generator
2 | ### Hi there 👋.
3 |
4 | ⭐⭐⭐ [Check out this tool here.](https://arturssmirnovs.github.io/github-profile-readme-generator/)
5 |
6 | 
7 |
8 | This project allows you to easily create attractive and simple GitHub Readme files that you can copy/paste in your profile. It's currently available in English and Spanish.
9 |
10 | You can include things like headers, subtitles, skills, a banner image, additional information, social media links, badges and GitHub statistics.
11 |
12 |
13 | ### Instructions
14 |
15 | - Go to: https://arturssmirnovs.github.io/github-profile-readme-generator/
16 | - Fill any inputs you like
17 | - Copy the code generated in the Code section
18 | - Create a new repository in your GitHub account with the same name as your GitHub username
19 | - Add a readme.md file to your new repository
20 | - Paste the copied code into the readme file and save
21 | - Enjoy!
22 |
23 | ### Preview
24 |
25 | 
26 |
27 | ### Top Contributors
28 |
29 | [@arturssmirnovs](https://github.com/arturssmirnovs)
30 | [@max-programming](https://github.com/max-programming)
31 | [@fx2000](https://github.com/fx2000)
32 | [@DenverCoder1](https://github.com/DenverCoder1)
33 |
34 |
35 | #### Resources Used
36 |
37 | | Name | Repository Link |
38 | | ---------------------------------|--------------------------------------------------------------- |
39 | | _Github Readme Stats_ | https://github.com/anuraghazra/github-readme-stats |
40 | | _Github Profile Views Counter_ | https://github.com/arturssmirnovs/github-profile-views-counter |
41 | | _Github Profile Trophy_ | https://github.com/ryo-ma/github-profile-trophy |
42 | | _Github Readme Streak Stats_ | https://github.com/DenverCoder1/github-readme-streak-stats |
43 | | _Github Readme Activity Graph_ | https://github.com/Ashutosh00710/github-readme-activity-graph |
44 | | _Simple icons_ | https://github.com/simple-icons/simple-icons |
45 | | _Simple Translator_ | https://github.com/andreasremdt/simple-translator |
46 |
--------------------------------------------------------------------------------
/js/translator.js:
--------------------------------------------------------------------------------
1 | class Translator {
2 | constructor(options = {}) {
3 | this._options = Object.assign({}, this.defaultConfig, options);
4 | this._elements = document.querySelectorAll("[data-i18n]");
5 | this._cache = new Map();
6 | this.translations = {};
7 |
8 | if (this._options.detectLanguage) {
9 | this._options.defaultLanguage = this._detectLanguage();
10 | }
11 |
12 | if (this._options.defaultLanguage && typeof this._options.defaultLanguage == "string") {
13 | this._getResource(this._options.defaultLanguage);
14 | }
15 | }
16 |
17 | _detectLanguage() {
18 | var stored = localStorage.getItem("language");
19 |
20 | if (this._options.persist && stored) {
21 | return stored;
22 | }
23 |
24 | var lang = navigator.languages ? navigator.languages[0] : navigator.language;
25 | return lang.substr(0, 2);
26 | }
27 |
28 | _fetch(path) {
29 | return fetch(path)
30 | .then(response => response.json())
31 | .catch(() => {
32 | console.error(
33 | `Could not load ${path}. Please make sure that the file exists.`
34 | );
35 | });
36 | }
37 |
38 | async _getResource(lang) {
39 | if (this._cache.has(lang)) {
40 | this.translations = JSON.parse(this._cache.get(lang));
41 | return JSON.parse(this._cache.get(lang));
42 | }
43 |
44 | var translation = await this._fetch(
45 | `${this._options.filesLocation}/${lang}.json`
46 | );
47 |
48 | if (!this._cache.has(lang)) {
49 | this._cache.set(lang, JSON.stringify(translation));
50 | }
51 |
52 | this.translations = translation;
53 |
54 | return translation;
55 | }
56 |
57 | async load(lang) {
58 | if (!this._options.languages.includes(lang)) {
59 | return;
60 | }
61 |
62 | this._translate(await this._getResource(lang));
63 | document.documentElement.lang = lang;
64 |
65 | if (this._options.persist) {
66 | localStorage.setItem("language", lang);
67 | }
68 | }
69 |
70 | async getTranslationByKey(lang, key) {
71 | if (!key) throw new Error("Expected a key to translate, got nothing.");
72 |
73 | if (typeof key != "string")
74 | throw new Error(
75 | `Expected a string for the key parameter, got ${typeof key} instead.`
76 | );
77 |
78 | var translation = await this._getResource(lang);
79 | return this._getValueFromJSON(key, translation, true);
80 | }
81 |
82 | _getValueFromJSON(key, json, fallback) {
83 | var text = key.split(".").reduce((obj, i) => obj[i], json);
84 |
85 | if (!text && this._options.defaultLanguage && fallback) {
86 | let fallbackTranslation = JSON.parse(
87 | this._cache.get(this._options.defaultLanguage)
88 | );
89 | text = this._getValueFromJSON(key, fallbackTranslation, false);
90 | } else if (!text) {
91 | text = key;
92 | console.warn(`Could not find text for attribute "${key}".`);
93 | }
94 |
95 | return text;
96 | }
97 |
98 | _translate(translation) {
99 | var zip = (keys, values) => keys.map((key, i) => [key, values[i]]);
100 | var nullSafeSplit = (str, separator) => (str ? str.split(separator) : null);
101 |
102 | var replace = element => {
103 | var keys = nullSafeSplit(element.getAttribute("data-i18n"), " ") || [];
104 | var properties = nullSafeSplit(element.getAttribute("data-i18n-attr"), " ") || ["innerHTML"];
105 | if (keys.length > 0 && keys.length !== properties.length) {
106 | console.error(
107 | "data-i18n and data-i18n-attr must contain the same number of items"
108 | );
109 | } else {
110 | var pairs = zip(keys, properties);
111 | pairs.forEach(pair => {
112 | const [key, property] = pair;
113 | var text = this._getValueFromJSON(key, translation, true);
114 |
115 | if (text) {
116 | element[property] = text;
117 | element.setAttribute(property, text);
118 | } else {
119 | console.error(`Could not find text for attribute "${key}".`);
120 | }
121 | });
122 | }
123 | };
124 | this._elements.forEach(replace);
125 | }
126 |
127 | get defaultConfig() {
128 | return {
129 | persist: false,
130 | languages: ["en"],
131 | defaultLanguage: "",
132 | detectLanguage: true,
133 | filesLocation: "/i18n"
134 | };
135 | }
136 | }
--------------------------------------------------------------------------------
/i18n/en.json:
--------------------------------------------------------------------------------
1 | {
2 | "title": "GitHub Profile Readme Generator - by @arturssmirnovs",
3 | "jumbotron": {
4 | "title": "GitHub Profile Readme Generator",
5 | "description": "Super simple GitHub profile Readme generator made with Vue.js, that allows you to create beautiful Readme files that you can copy/paste in your profile.",
6 | "callToAction": "What is a GitHub profile Readme? Check out the repository to learn more.",
7 | "learnButton": "Learn more"
8 | },
9 | "markdownTips": {
10 | "title": "Markdown Tips:",
11 | "bolden": "To bolden the text, wrap it with two asterisks (*) (**word**)",
12 | "italize": "To italisize the text, wrap it with one asterisk (*) (*word*)",
13 | "strikethrough": "To strikethrough the text, wrap it with two tildes (~) (~~)",
14 | "link": "To make a link, place the link text in brackets and the url in parentheses (word~~[link](http://example.com))",
15 | "icon": "To make an
image, place an !, the alt text in brackets, and the url in parentheses ()",
16 | "learnMore": "Learn more:"
17 | },
18 | "navbar": {
19 | "header": "Header",
20 | "additional": "Additional",
21 | "spocial": "Social",
22 | "others": "Others"
23 | },
24 | "header": {
25 | "title": "Header",
26 | "heading": "Heading",
27 | "headingPlaceholder": "Enter text...",
28 | "subtitle": "Subtitle",
29 | "subtitlePlaceholder": "Enter text...",
30 | "aboutMe": "About me",
31 | "aboutMePlaceholder": "Enter text...",
32 | "skills": "Skills",
33 | "skillsPlaceholder": "Enter skills...",
34 | "bannerUrl": "Banner URL",
35 | "bannerUrlPlaceholder": "Enter URL..."
36 | },
37 | "additional": {
38 | "title": "Additional Information",
39 | "working": "🔭 I’m currently working on...",
40 | "workingPlaceholder": "Enter details...",
41 | "learning": "🌱 I’m currently learning...",
42 | "learningPlaceholder": "Enter details...",
43 | "collaborate": "👯 I want to collaborate on...",
44 | "collaboratePlaceholder": "Enter details...",
45 | "help": "🤔 I’m looking for help with...",
46 | "helpPlaceholder": "Enter details...",
47 | "ask": "💬 Ask me about...",
48 | "askPlaceholder": "Enter details...",
49 | "reach": "📫 How to reach me:",
50 | "reachPlaceholder": "Enter details...",
51 | "pronouns": "😄 Pronouns:",
52 | "pronounsPlaceholder": "Enter details...",
53 | "fun": "⚡ Fun fact:",
54 | "funPlaceholder": "Enter details..."
55 | },
56 | "social": {
57 | "title": "Social Information",
58 | "github": "GitHub",
59 | "githubPlaceholder": "Enter your username...",
60 | "devto": "Dev.to",
61 | "devtoPlaceholder": "Enter your username...",
62 | "hashnode": "Hashnode",
63 | "hashnodePlaceholder": "Enter your blog URL...",
64 | "linkedin": "LinkedIn",
65 | "linkedinPlaceholder": "Enter your username...",
66 | "facebook": "Facebook",
67 | "facebookPlaceholder": "Enter your username...",
68 | "instagram": "Instagram",
69 | "instagramPlaceholder": "Enter your username...",
70 | "twitter": "Twitter",
71 | "twitterPlaceholder": "Enter your username...",
72 | "codepen": "Codepen",
73 | "codepenPlaceholder": "Enter your username...",
74 | "codeSandbox": "CodeSandbox",
75 | "codeSandboxPlaceholder": "Enter your username...",
76 | "stackOverflow": "Stack Overflow",
77 | "stackOverflowPlaceholder": "Enter your user ID...",
78 | "youtube": "YouTube",
79 | "youtubePlaceholder": "Enter your user ID...",
80 | "twitch": "Twitch",
81 | "twitchPlaceholder": "Enter your username...",
82 | "reddit": "Reddit",
83 | "redditPlaceholder": "Enter your username...",
84 | "website": "Website",
85 | "websitePlaceholder": "Enter URL...",
86 | "others": "Others",
87 | "icon": "Icon",
88 | "link": "Link",
89 | "linkPlaceholder": "Enter URL...",
90 | "addButton": "Add more"
91 | },
92 | "statistics": {
93 | "title": "Statistics",
94 | "description": "GitHub username required",
95 | "showViews": "Show profile views",
96 | "showLanguages": "Show most used languages",
97 | "showStats": "Show GitHub statistics",
98 | "activityGraph": "Show GitHub Activity Graph",
99 | "includePrivate": "Include private repositories"
100 | },
101 | "trophies": {
102 | "title": "GitHub Trophies",
103 | "description": "GitHub username required",
104 | "showTrophies": "Show Trophies"
105 | },
106 | "badges": {
107 | "title": "GitHub Badges",
108 | "arctic": "Arctic Contributor",
109 | "devProgram": "Developer Program",
110 | "starsProgram": "Stars Program",
111 | "sponsor": "Sponsor",
112 | "pro": "GitHub Pro"
113 | },
114 | "metrics": {
115 | "title": "GitHub Metrics",
116 | "description": "GitHub username required",
117 | "showMetrics": "Show GitHub metrics"
118 | },
119 | "streak": {
120 | "title": "GitHub Streak Stats",
121 | "description": "GitHub username required",
122 | "showStreak": "Show GitHub Streak Stats"
123 | },
124 | "preview": "Preview",
125 | "code": {
126 | "title": "👨💻 Code",
127 | "copyButton": "Copy"
128 | },
129 | "markdown": {
130 | "hiThere": "Hi there",
131 | "skills": "Skills",
132 | "working": "I’m currently working on",
133 | "learning": "I’m currently learning",
134 | "collaborate": "I’m looking to collaborate on",
135 | "help": "I’m looking for help with",
136 | "ask": "Ask me about",
137 | "reach": "How to reach me",
138 | "pronouns": "Pronouns",
139 | "fact": "Fun fact"
140 | },
141 | "warning": "Changing code manually could result in lost of data if you use generation fields again",
142 | "author": "Made with ❤ by @arturssmirnovs."
143 | }
144 |
--------------------------------------------------------------------------------
/i18n/es.json:
--------------------------------------------------------------------------------
1 | {
2 | "title": "Generador de Readme para Perfiles GitHub - por @arturssmirnovs",
3 | "jumbotron": {
4 | "title": "Generador de Readme para Perfiles GitHub",
5 | "description": "Generador súper simple de archivos Readme para perfiles de GitHub desarrollado con Vue.js, que te permite crear archivos Readme atractivos que puedes copiar/pegar en tu perfil.",
6 | "callToAction": "¿Qué es un Readme de perfiles GitHub? revisa el repositorio para leer más.",
7 | "learnButton": "Leer más"
8 | },
9 | "markdownTips": {
10 | "title": "Tips para el marcado:",
11 | "bolden": "Para texto en negrillas, rodéalo con dos asteriscos (*) (**palabra**)",
12 | "italize": "Para texto en itálicas, rodéalo con un asterisco (*) (*palabra*)",
13 | "strikethrough": "Para texto tachado, rodéalo con dos tildes (~) (~~)",
14 | "link": "Para crear un enláce, coloca el enlace entre corchétes y paréntesis (palabra~~[link](http://ejemplo.com))",
15 | "icon": "Para una imágen
, coloca un !, el texto alternativo entre corchetes, y la URL entre paréntesis ()",
16 | "learnMore": "Leer más:"
17 | },
18 | "navbar": {
19 | "header": "Cabecera",
20 | "additional": "Adicional",
21 | "spocial": "Social",
22 | "others": "Otros"
23 | },
24 | "header": {
25 | "title": "Cabecera",
26 | "heading": "Título",
27 | "headingPlaceholder": "Introduce el texto...",
28 | "subtitle": "Subtítulo",
29 | "subtitlePlaceholder": "Introduce el texto...",
30 | "aboutMe": "Acerca de mí",
31 | "aboutMePlaceholder": "Introduce el texto...",
32 | "skills": "Habilidades",
33 | "skillsPlaceholder": "Introduce las habilidades...",
34 | "bannerUrl": "URL del banner",
35 | "bannerUrlPlaceholder": "Introduce una URL..."
36 | },
37 | "additional": {
38 | "title": "Información Adicional",
39 | "working": "🔭 Estoy trabajando en...",
40 | "workingPlaceholder": "Introduce los detalles...",
41 | "learning": "🌱 Estoy aprendiendo...",
42 | "learningPlaceholder": "Introduce los detalles...",
43 | "collaborate": "👯 Quiero colaborar con...",
44 | "collaboratePlaceholder": "Introduce los detalles...",
45 | "help": "🤔 Necesito ayuda con...",
46 | "helpPlaceholder": "Introduce los detalles...",
47 | "ask": "💬 Preguntame acerca de...",
48 | "askPlaceholder": "Introduce los detalles...",
49 | "reach": "📫 Como contactarme:",
50 | "pronouns": "😄 Pronombres:",
51 | "pronounsPlaceholder": "Introduce los detalles...",
52 | "fun": "⚡ Dato curioso:",
53 | "funPlaceholder": "Introduce los detalles..."
54 | },
55 | "social": {
56 | "title": "Información Social",
57 | "github": "GitHub",
58 | "githubPlaceholder": "Introduce tu nombre de usuario...",
59 | "devto": "Dev.to",
60 | "devtoPlaceholder": "Introduce tu nombre de usuario...",
61 | "hashnode": "Hashnode",
62 | "hashnodePlaceholder": "Introduce la URL de tu blog...",
63 | "linkedin": "LinkedIn",
64 | "linkedinPlaceholder": "Introduce tu nombre de usuario...",
65 | "facebook": "Facebook",
66 | "facebookPlaceholder": "Introduce tu nombre de usuario...",
67 | "instagram": "Instagram",
68 | "instagramPlaceholder": "Introduce tu nombre de usuario...",
69 | "twitter": "Twitter",
70 | "twitterPlaceholder": "Introduce tu nombre de usuario...",
71 | "codepen": "Codepen",
72 | "codepenPlaceholder": "Introduce tu nombre de usuario...",
73 | "codeSandbox": "CodeSandbox",
74 | "codeSandboxPlaceholder": "Introduce tu nombre de usuario...",
75 | "stackOverflow": "Stack Overflow",
76 | "stackOverflowPlaceholder": "Introduce tu ID de usuario...",
77 | "youtube": "YouTube",
78 | "youtubePlaceholder": "Introduce tu ID de usuario...",
79 | "twitch": "Twitch",
80 | "twitchPlaceholder": "Introduce tu nombre de usuario...",
81 | "reddit": "Reddit",
82 | "redditPlaceholder": "Introduce tu nombre de usuario...",
83 | "website": "Página web",
84 | "websitePlaceholder": "Escribe una URL...",
85 | "others": "Otros",
86 | "icon": "Ícono",
87 | "link": "Enlace",
88 | "linkPlaceholder": "Escribe una URL...",
89 | "addButton": "Agregar más"
90 | },
91 | "statistics": {
92 | "title": "Estadísticas",
93 | "description": "Nombre de usuario de GitHub requerido",
94 | "showViews": "Mostrar vistas de perfil",
95 | "showLanguages": "Mostrar lenguajes más utilizados",
96 | "showStats": "Mostrar estadísticas de GitHub",
97 | "activityGraph": "Mostrar gráfico de actividad de GitHub",
98 | "includePrivate": "Incluir repositorios privados"
99 | },
100 | "trophies": {
101 | "title": "Trofeos de GitHub",
102 | "description": "Nombre de usuario de GitHub requerido",
103 | "showTrophies": "Mostrar Trofeos"
104 | },
105 | "badges": {
106 | "title": "Medallas de GitHub",
107 | "arctic": "Contribuyente de Ártico",
108 | "devProgram": "Programa de Desarrolladores",
109 | "starsProgram": "Programa de Estrellas",
110 | "sponsor": "Patrocinador",
111 | "pro": "GitHub Pro"
112 | },
113 | "metrics": {
114 | "title": "Métricas de GitHub",
115 | "description": "Nombre de usuario de GitHub requerido",
116 | "showMetrics": "Mostrar métricas de GitHub"
117 | },
118 | "streak": {
119 | "title": "Racha de GitHub",
120 | "description": "Nombre de usuario de GitHub requerido",
121 | "showStreak": "Mostrar racha de GitHub"
122 | },
123 | "preview": "Vista previa",
124 | "code": {
125 | "title": "👨💻 Código",
126 | "copyButton": "Copiar"
127 | },
128 | "markdown": {
129 | "hiThere": "Hola",
130 | "skills": "Habilidades",
131 | "working": "Estoy trabajando en",
132 | "learning": "Estoy aprendiendo",
133 | "collaborate": "Quiero colaborar con",
134 | "help": "Necesito ayuda con",
135 | "ask": "Pregúntame acerca de",
136 | "reach": "Cómo contactarme",
137 | "pronouns": "Pronombres",
138 | "fact": "Dato curioso"
139 | },
140 | "warning": "Cambiar el código manualmente puede resultar en pérdida de datos si se usan los campos generadores nuevamente",
141 | "author": "Hecho con ❤ por @arturssmirnovs."
142 | }
143 |
--------------------------------------------------------------------------------
/css/vue-simple-markdown.css:
--------------------------------------------------------------------------------
1 | /*!
2 | * vue-simple-markdown v1.1.4
3 | * (c) 2020 Milan Bačkonja
4 | * Released under the MIT License.
5 | */
6 |
7 | @font-face {
8 | font-family: octicons-link;
9 | src: url(data:font/woff;charset=utf-8;base64,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) format('woff');
10 | }
11 |
12 | .markdown-body {
13 | -ms-text-size-adjust: 100%;
14 | -webkit-text-size-adjust: 100%;
15 | line-height: 1.5;
16 | color: #24292e;
17 | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
18 | font-size: 16px;
19 | line-height: 1.5;
20 | word-wrap: break-word;
21 | }
22 |
23 | .markdown-body .pl-c {
24 | color: #6a737d;
25 | }
26 |
27 | .markdown-body .pl-c1,
28 | .markdown-body .pl-s .pl-v {
29 | color: #005cc5;
30 | }
31 |
32 | .markdown-body .pl-e,
33 | .markdown-body .pl-en {
34 | color: #6f42c1;
35 | }
36 |
37 | .markdown-body .pl-smi,
38 | .markdown-body .pl-s .pl-s1 {
39 | color: #24292e;
40 | }
41 |
42 | .markdown-body .pl-ent {
43 | color: #22863a;
44 | }
45 |
46 | .markdown-body .pl-k {
47 | color: #d73a49;
48 | }
49 |
50 | .markdown-body .pl-s,
51 | .markdown-body .pl-pds,
52 | .markdown-body .pl-s .pl-pse .pl-s1,
53 | .markdown-body .pl-sr,
54 | .markdown-body .pl-sr .pl-cce,
55 | .markdown-body .pl-sr .pl-sre,
56 | .markdown-body .pl-sr .pl-sra {
57 | color: #032f62;
58 | }
59 |
60 | .markdown-body .pl-v,
61 | .markdown-body .pl-smw {
62 | color: #e36209;
63 | }
64 |
65 | .markdown-body .pl-bu {
66 | color: #b31d28;
67 | }
68 |
69 | .markdown-body .pl-ii {
70 | color: #fafbfc;
71 | background-color: #b31d28;
72 | }
73 |
74 | .markdown-body .pl-c2 {
75 | color: #fafbfc;
76 | background-color: #d73a49;
77 | }
78 |
79 | .markdown-body .pl-c2::before {
80 | content: "^M";
81 | }
82 |
83 | .markdown-body .pl-sr .pl-cce {
84 | font-weight: bold;
85 | color: #22863a;
86 | }
87 |
88 | .markdown-body .pl-ml {
89 | color: #735c0f;
90 | }
91 |
92 | .markdown-body .pl-mh,
93 | .markdown-body .pl-mh .pl-en,
94 | .markdown-body .pl-ms {
95 | font-weight: bold;
96 | color: #005cc5;
97 | }
98 |
99 | .markdown-body .pl-mi {
100 | font-style: italic;
101 | color: #24292e;
102 | }
103 |
104 | .markdown-body .pl-mb {
105 | font-weight: bold;
106 | color: #24292e;
107 | }
108 |
109 | .markdown-body .pl-md {
110 | color: #b31d28;
111 | background-color: #ffeef0;
112 | }
113 |
114 | .markdown-body .pl-mi1 {
115 | color: #22863a;
116 | background-color: #f0fff4;
117 | }
118 |
119 | .markdown-body .pl-mc {
120 | color: #e36209;
121 | background-color: #ffebda;
122 | }
123 |
124 | .markdown-body .pl-mi2 {
125 | color: #f6f8fa;
126 | background-color: #005cc5;
127 | }
128 |
129 | .markdown-body .pl-mdr {
130 | font-weight: bold;
131 | color: #6f42c1;
132 | }
133 |
134 | .markdown-body .pl-ba {
135 | color: #586069;
136 | }
137 |
138 | .markdown-body .pl-sg {
139 | color: #959da5;
140 | }
141 |
142 | .markdown-body .pl-corl {
143 | text-decoration: underline;
144 | color: #032f62;
145 | }
146 |
147 | .markdown-body .octicon {
148 | display: inline-block;
149 | vertical-align: text-top;
150 | fill: currentColor;
151 | }
152 |
153 | .markdown-body a {
154 | background-color: transparent;
155 | }
156 |
157 | .markdown-body a:active,
158 | .markdown-body a:hover {
159 | outline-width: 0;
160 | }
161 |
162 | .markdown-body strong {
163 | font-weight: inherit;
164 | }
165 |
166 | .markdown-body strong {
167 | font-weight: bolder;
168 | }
169 |
170 | .markdown-body h1 {
171 | font-size: 2em;
172 | margin: 0.67em 0;
173 | }
174 |
175 | .markdown-body img {
176 | border-style: none;
177 | }
178 |
179 | .markdown-body code,
180 | .markdown-body kbd,
181 | .markdown-body pre {
182 | font-family: monospace, monospace;
183 | font-size: 1em;
184 | }
185 |
186 | .markdown-body hr {
187 | box-sizing: content-box;
188 | height: 0;
189 | overflow: visible;
190 | }
191 |
192 | .markdown-body input {
193 | font: inherit;
194 | margin: 0;
195 | }
196 |
197 | .markdown-body input {
198 | overflow: visible;
199 | }
200 |
201 | .markdown-body [type="checkbox"] {
202 | box-sizing: border-box;
203 | padding: 0;
204 | }
205 |
206 | .markdown-body * {
207 | box-sizing: border-box;
208 | }
209 |
210 | .markdown-body input {
211 | font-family: inherit;
212 | font-size: inherit;
213 | line-height: inherit;
214 | }
215 |
216 | .markdown-body a {
217 | color: #0366d6;
218 | text-decoration: none;
219 | }
220 |
221 | .markdown-body a:hover {
222 | text-decoration: underline;
223 | }
224 |
225 | .markdown-body strong {
226 | font-weight: 600;
227 | }
228 |
229 | .markdown-body hr {
230 | height: 0;
231 | margin: 15px 0;
232 | overflow: hidden;
233 | background: transparent;
234 | border: 0;
235 | border-bottom: 1px solid #dfe2e5;
236 | }
237 |
238 | .markdown-body hr::before {
239 | display: table;
240 | content: "";
241 | }
242 |
243 | .markdown-body hr::after {
244 | display: table;
245 | clear: both;
246 | content: "";
247 | }
248 |
249 | .markdown-body table {
250 | border-spacing: 0;
251 | border-collapse: collapse;
252 | }
253 |
254 | .markdown-body td,
255 | .markdown-body th {
256 | padding: 0;
257 | }
258 |
259 | .markdown-body h1,
260 | .markdown-body h2,
261 | .markdown-body h3,
262 | .markdown-body h4,
263 | .markdown-body h5,
264 | .markdown-body h6 {
265 | margin-top: 0;
266 | margin-bottom: 0;
267 | }
268 |
269 | .markdown-body h1 {
270 | font-size: 32px;
271 | font-weight: 600;
272 | }
273 |
274 | .markdown-body h2 {
275 | font-size: 24px;
276 | font-weight: 600;
277 | }
278 |
279 | .markdown-body h3 {
280 | font-size: 20px;
281 | font-weight: 600;
282 | }
283 |
284 | .markdown-body h4 {
285 | font-size: 16px;
286 | font-weight: 600;
287 | }
288 |
289 | .markdown-body h5 {
290 | font-size: 14px;
291 | font-weight: 600;
292 | }
293 |
294 | .markdown-body h6 {
295 | font-size: 12px;
296 | font-weight: 600;
297 | }
298 |
299 | .markdown-body p {
300 | margin-top: 0;
301 | margin-bottom: 10px;
302 | }
303 |
304 | .markdown-body blockquote {
305 | margin: 0;
306 | }
307 |
308 | .markdown-body ul,
309 | .markdown-body ol {
310 | padding-left: 0;
311 | margin-top: 0;
312 | margin-bottom: 0;
313 | }
314 |
315 | .markdown-body ol ol,
316 | .markdown-body ul ol {
317 | list-style-type: lower-roman;
318 | }
319 |
320 | .markdown-body ul ul ol,
321 | .markdown-body ul ol ol,
322 | .markdown-body ol ul ol,
323 | .markdown-body ol ol ol {
324 | list-style-type: lower-alpha;
325 | }
326 |
327 | .markdown-body dd {
328 | margin-left: 0;
329 | }
330 |
331 | .markdown-body code {
332 | font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
333 | font-size: 12px;
334 | }
335 |
336 | .markdown-body pre {
337 | margin-top: 0;
338 | margin-bottom: 0;
339 | font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
340 | font-size: 12px;
341 | }
342 |
343 | .markdown-body .octicon {
344 | vertical-align: text-bottom;
345 | }
346 |
347 | .markdown-body .pl-0 {
348 | padding-left: 0 !important;
349 | }
350 |
351 | .markdown-body .pl-1 {
352 | padding-left: 4px !important;
353 | }
354 |
355 | .markdown-body .pl-2 {
356 | padding-left: 8px !important;
357 | }
358 |
359 | .markdown-body .pl-3 {
360 | padding-left: 16px !important;
361 | }
362 |
363 | .markdown-body .pl-4 {
364 | padding-left: 24px !important;
365 | }
366 |
367 | .markdown-body .pl-5 {
368 | padding-left: 32px !important;
369 | }
370 |
371 | .markdown-body .pl-6 {
372 | padding-left: 40px !important;
373 | }
374 |
375 | .markdown-body::before {
376 | display: table;
377 | content: "";
378 | }
379 |
380 | .markdown-body::after {
381 | display: table;
382 | clear: both;
383 | content: "";
384 | }
385 |
386 | .markdown-body>*:first-child {
387 | margin-top: 0 !important;
388 | }
389 |
390 | .markdown-body>*:last-child {
391 | margin-bottom: 0 !important;
392 | }
393 |
394 | .markdown-body a:not([href]) {
395 | color: inherit;
396 | text-decoration: none;
397 | }
398 |
399 | .markdown-body .anchor {
400 | float: left;
401 | padding-right: 4px;
402 | margin-left: -20px;
403 | line-height: 1;
404 | }
405 |
406 | .markdown-body .anchor:focus {
407 | outline: none;
408 | }
409 |
410 | .markdown-body p,
411 | .markdown-body blockquote,
412 | .markdown-body ul,
413 | .markdown-body ol,
414 | .markdown-body dl,
415 | .markdown-body table,
416 | .markdown-body pre {
417 | margin-top: 0;
418 | margin-bottom: 16px;
419 | }
420 |
421 | .markdown-body hr {
422 | height: 0.25em;
423 | padding: 0;
424 | margin: 24px 0;
425 | background-color: #e1e4e8;
426 | border: 0;
427 | }
428 |
429 | .markdown-body blockquote {
430 | padding: 0 1em;
431 | color: #6a737d;
432 | border-left: 0.25em solid #dfe2e5;
433 | }
434 |
435 | .markdown-body blockquote>:first-child {
436 | margin-top: 0;
437 | }
438 |
439 | .markdown-body blockquote>:last-child {
440 | margin-bottom: 0;
441 | }
442 |
443 | .markdown-body kbd {
444 | display: inline-block;
445 | padding: 3px 5px;
446 | font-size: 11px;
447 | line-height: 10px;
448 | color: #444d56;
449 | vertical-align: middle;
450 | background-color: #fafbfc;
451 | border: solid 1px #c6cbd1;
452 | border-bottom-color: #959da5;
453 | border-radius: 3px;
454 | box-shadow: inset 0 -1px 0 #959da5;
455 | }
456 |
457 | .markdown-body h1,
458 | .markdown-body h2,
459 | .markdown-body h3,
460 | .markdown-body h4,
461 | .markdown-body h5,
462 | .markdown-body h6 {
463 | margin-top: 24px;
464 | margin-bottom: 16px;
465 | font-weight: 600;
466 | line-height: 1.25;
467 | }
468 |
469 | .markdown-body h1 .octicon-link,
470 | .markdown-body h2 .octicon-link,
471 | .markdown-body h3 .octicon-link,
472 | .markdown-body h4 .octicon-link,
473 | .markdown-body h5 .octicon-link,
474 | .markdown-body h6 .octicon-link {
475 | color: #1b1f23;
476 | vertical-align: middle;
477 | visibility: hidden;
478 | }
479 |
480 | .markdown-body h1:hover .anchor,
481 | .markdown-body h2:hover .anchor,
482 | .markdown-body h3:hover .anchor,
483 | .markdown-body h4:hover .anchor,
484 | .markdown-body h5:hover .anchor,
485 | .markdown-body h6:hover .anchor {
486 | text-decoration: none;
487 | }
488 |
489 | .markdown-body h1:hover .anchor .octicon-link,
490 | .markdown-body h2:hover .anchor .octicon-link,
491 | .markdown-body h3:hover .anchor .octicon-link,
492 | .markdown-body h4:hover .anchor .octicon-link,
493 | .markdown-body h5:hover .anchor .octicon-link,
494 | .markdown-body h6:hover .anchor .octicon-link {
495 | visibility: visible;
496 | }
497 |
498 | .markdown-body h1 {
499 | padding-bottom: 0.3em;
500 | font-size: 2em;
501 | border-bottom: 1px solid #eaecef;
502 | }
503 |
504 | .markdown-body h2 {
505 | padding-bottom: 0.3em;
506 | font-size: 1.5em;
507 | border-bottom: 1px solid #eaecef;
508 | }
509 |
510 | .markdown-body h3 {
511 | font-size: 1.25em;
512 | }
513 |
514 | .markdown-body h4 {
515 | font-size: 1em;
516 | }
517 |
518 | .markdown-body h5 {
519 | font-size: 0.875em;
520 | }
521 |
522 | .markdown-body h6 {
523 | font-size: 0.85em;
524 | color: #6a737d;
525 | }
526 |
527 | .markdown-body ul,
528 | .markdown-body ol {
529 | padding-left: 2em;
530 | }
531 |
532 | .markdown-body ul ul,
533 | .markdown-body ul ol,
534 | .markdown-body ol ol,
535 | .markdown-body ol ul {
536 | margin-top: 0;
537 | margin-bottom: 0;
538 | }
539 |
540 | .markdown-body li {
541 | word-wrap: break-all;
542 | }
543 |
544 | .markdown-body li>p {
545 | margin-top: 16px;
546 | }
547 |
548 | .markdown-body li+li {
549 | margin-top: 0.25em;
550 | }
551 |
552 | .markdown-body dl {
553 | padding: 0;
554 | }
555 |
556 | .markdown-body dl dt {
557 | padding: 0;
558 | margin-top: 16px;
559 | font-size: 1em;
560 | font-style: italic;
561 | font-weight: 600;
562 | }
563 |
564 | .markdown-body dl dd {
565 | padding: 0 16px;
566 | margin-bottom: 16px;
567 | }
568 |
569 | .markdown-body table {
570 | display: block;
571 | width: 100%;
572 | overflow: auto;
573 | }
574 |
575 | .markdown-body table th {
576 | font-weight: 600;
577 | }
578 |
579 | .markdown-body table th,
580 | .markdown-body table td {
581 | padding: 6px 13px;
582 | border: 1px solid #dfe2e5;
583 | }
584 |
585 | .markdown-body table tr {
586 | background-color: #fff;
587 | border-top: 1px solid #c6cbd1;
588 | }
589 |
590 | .markdown-body table tr:nth-child(2n) {
591 | background-color: #f6f8fa;
592 | }
593 |
594 | .markdown-body img {
595 | max-width: 100%;
596 | box-sizing: content-box;
597 | background-color: #fff;
598 | }
599 |
600 | .markdown-body img[align=right] {
601 | padding-left: 20px;
602 | }
603 |
604 | .markdown-body img[align=left] {
605 | padding-right: 20px;
606 | }
607 |
608 | .markdown-body code {
609 | padding: 0.2em 0.4em;
610 | margin: 0;
611 | font-size: 85%;
612 | background-color: rgba(27,31,35,0.05);
613 | border-radius: 3px;
614 | }
615 |
616 | .markdown-body pre {
617 | word-wrap: normal;
618 | }
619 |
620 | .markdown-body pre>code {
621 | padding: 0;
622 | margin: 0;
623 | font-size: 100%;
624 | word-break: normal;
625 | white-space: pre;
626 | background: transparent;
627 | border: 0;
628 | }
629 |
630 | .markdown-body .highlight {
631 | margin-bottom: 16px;
632 | }
633 |
634 | .markdown-body .highlight pre {
635 | margin-bottom: 0;
636 | word-break: normal;
637 | }
638 |
639 | .markdown-body .highlight pre,
640 | .markdown-body pre {
641 | padding: 16px;
642 | overflow: auto;
643 | font-size: 85%;
644 | line-height: 1.45;
645 | background-color: #f6f8fa;
646 | border-radius: 3px;
647 | }
648 |
649 | .markdown-body pre code {
650 | display: inline;
651 | max-width: auto;
652 | padding: 0;
653 | margin: 0;
654 | overflow: visible;
655 | line-height: inherit;
656 | word-wrap: normal;
657 | background-color: transparent;
658 | border: 0;
659 | }
660 |
661 | .markdown-body .full-commit .btn-outline:not(:disabled):hover {
662 | color: #005cc5;
663 | border-color: #005cc5;
664 | }
665 |
666 | .markdown-body kbd {
667 | display: inline-block;
668 | padding: 3px 5px;
669 | font: 11px "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
670 | line-height: 10px;
671 | color: #444d56;
672 | vertical-align: middle;
673 | background-color: #fafbfc;
674 | border: solid 1px #d1d5da;
675 | border-bottom-color: #c6cbd1;
676 | border-radius: 3px;
677 | box-shadow: inset 0 -1px 0 #c6cbd1;
678 | }
679 |
680 | .markdown-body :checked+.radio-label {
681 | position: relative;
682 | z-index: 1;
683 | border-color: #0366d6;
684 | }
685 |
686 | .markdown-body .task-list-item {
687 | list-style-type: none;
688 | }
689 |
690 | .markdown-body .task-list-item+.task-list-item {
691 | margin-top: 3px;
692 | }
693 |
694 | .markdown-body .task-list-item input {
695 | margin: 0 0.2em 0.25em -1.6em;
696 | vertical-align: middle;
697 | }
698 |
699 | .markdown-body hr {
700 | border-bottom-color: #eee;
701 | }
702 |
703 | .vue-simple-markdown[data-v-a42b9506] {
704 | white-space: pre-wrap;
705 | }
--------------------------------------------------------------------------------
/js/script.js:
--------------------------------------------------------------------------------
1 | Vue.use(VueMarkdown);
2 |
3 | Vue.component('custom-input', {
4 | props: ['value', 'title', 'placeholder', 'brand'],
5 | template: `
6 |
Super simple GitHub profile Readme generator made with Vue.js, that allows you to create beautiful Readme files that you can copy/paste in your profile.
40 |What is a GitHub profile Readme? Check out the repository to learn more.
54 |55 | Learn more 56 |
57 |Markdown Tips:
64 |**word**)*word*)~~word~~)[link](http://example.com)))74 | Learn more: 75 | 76 | https://guides.github.com/features/mastering-markdown/ 77 | 78 |
79 |GitHub username required
573 |