├── components ├── burger-menu-js │ ├── burger.css │ ├── burger.html │ └── burger.js ├── burger-menu │ ├── burger.css │ └── burger.html ├── button │ ├── button.css │ └── button.html └── collapsible │ ├── collapsible.css │ ├── collapsible.html │ └── collapsible.js ├── freelance ├── cgvps │ ├── CGVPS-V1-05-04-2023.docx │ └── CGVPS-V1-05-04-2023.pdf ├── conventions-type │ ├── convention-full-remote.md │ ├── convention-remote-presentiel.md │ └── convention.md ├── devis-factures │ ├── template-devis_bleu.docx │ └── template-facture_orange.docx ├── finances │ ├── Finance-template-vierge.xlsx │ └── suivi-devis-factures-templates.xlsx └── rapport-mission │ └── template-rapport-complet.docx ├── global-code ├── htacces └── navviewfix ├── pages-layout ├── construction-page │ ├── index.html │ └── styles.css ├── download │ ├── index.html │ └── style.css └── tree-project-view │ ├── index.html │ └── style.css ├── readme.md ├── scripts-linux ├── beep.md ├── beep.sh └── dkp.sh └── vscode-cfg ├── keybindings.json └── settings.json /components/burger-menu-js/burger.css: -------------------------------------------------------------------------------- 1 | .sidenav { 2 | height: 100%; 3 | width: 250px; 4 | position: fixed; 5 | z-index: 1; 6 | top: 0; 7 | left: -250px; 8 | background-color: #e8e8e8; 9 | padding-top: 60px; 10 | transition: left 0.5s ease; 11 | } 12 | .sidenav ul { 13 | list-style-type: none; 14 | padding: 0; 15 | margin: 0; 16 | } 17 | .sidenav a { 18 | padding: 8px 8px 8px 32px; 19 | text-decoration: none; 20 | font-size: 25px; 21 | color: #818181; 22 | display: block; 23 | transition: 0.3s; 24 | } 25 | .sidenav a:hover { 26 | color: #111; 27 | } 28 | .sidenav.active { 29 | left: 0; 30 | } 31 | .sidenav .close { 32 | position: absolute; 33 | top: 0; 34 | right: 25px; 35 | font-size: 36px; 36 | } 37 | .burger-icon span { 38 | display: block; 39 | width: 35px; 40 | height: 5px; 41 | background-color: black; 42 | margin: 6px 0; 43 | } 44 | -------------------------------------------------------------------------------- /components/burger-menu-js/burger.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |
6 | x 7 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | -------------------------------------------------------------------------------- /components/burger-menu-js/burger.js: -------------------------------------------------------------------------------- 1 | var sidenav = document.getElementById("mySidenav"); 2 | var openBtn = document.getElementById("openBtn"); 3 | var closeBtn = document.getElementById("closeBtn"); 4 | 5 | openBtn.onclick = openNav; 6 | closeBtn.onclick = closeNav; 7 | 8 | function openNav() { 9 | sidenav.classList.add("active"); 10 | } 11 | 12 | function closeNav() { 13 | sidenav.classList.remove("active"); 14 | } 15 | -------------------------------------------------------------------------------- /components/burger-menu/burger.css: -------------------------------------------------------------------------------- 1 | .test { 2 | position: fixed; 3 | right: 50px; 4 | } 5 | 6 | .hamburger-menu { 7 | display: block; 8 | } 9 | 10 | #menu__toggle { 11 | opacity: 0; 12 | } 13 | 14 | #menu__toggle:checked + .menu__btn > span { 15 | transform: rotate(45deg); 16 | } 17 | 18 | #menu__toggle:checked + .menu__btn > span::before { 19 | top: 0; 20 | transform: rotate(0deg); 21 | } 22 | 23 | #menu__toggle:checked + .menu__btn > span::after { 24 | top: 0; 25 | transform: rotate(90deg); 26 | } 27 | 28 | #menu__toggle:checked ~ .menu__box { 29 | left: 0 !important; 30 | } 31 | 32 | .menu__btn { 33 | position: absolute; 34 | top: 20px; 35 | left: 0px; 36 | width: 26px; 37 | height: 26px; 38 | cursor: pointer; 39 | z-index: 6; 40 | margin: 10px; 41 | } 42 | 43 | .menu__btn > span, 44 | .menu__btn > span::before, 45 | .menu__btn > span::after { 46 | display: block; 47 | position: absolute; 48 | width: 100%; 49 | height: 5px; 50 | background-color: #050505; 51 | transition-duration: .25s; 52 | } 53 | 54 | .menu__btn > span::before { 55 | content: ''; 56 | top: -10px; 57 | } 58 | 59 | .menu__btn > span::after { 60 | content: ''; 61 | top: 10px; 62 | } 63 | 64 | .menu__box { 65 | display: block; 66 | position: fixed; 67 | top: 0; 68 | left: -100%; 69 | width: 175px; 70 | height: 100%; 71 | margin: 0; 72 | padding: 80px 0; 73 | list-style: none; 74 | background-color: #ECEFF1; 75 | box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4); 76 | transition-duration: .25s; 77 | z-index: 5; 78 | } 79 | 80 | .menu__item { 81 | display: block; 82 | padding: 12px 24px; 83 | color: #333; 84 | font-family: 'Roboto', sans-serif; 85 | font-size: 20px; 86 | font-weight: 600; 87 | text-decoration: none; 88 | transition-duration: .25s; 89 | } 90 | 91 | .menu__item:hover { 92 | background-color: #CFD8DC; 93 | } -------------------------------------------------------------------------------- /components/burger-menu/burger.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 20 | 21 |
test
22 | -------------------------------------------------------------------------------- /components/button/button.css: -------------------------------------------------------------------------------- 1 | * { 2 | box-sizing: border-box; 3 | } 4 | 5 | .btn { 6 | width: 100px; /* Editing the size with text doesn't auto */ 7 | height: 38px; 8 | border-radius: 8px; 9 | font-size: 14px; 10 | } 11 | 12 | .btn-yellow { 13 | background-color: #fea55f; 14 | } 15 | 16 | .btn-dark { 17 | background-color: #1c2b3a; 18 | } 19 | 20 | .btn-border { 21 | border: 1px solid white; 22 | } 23 | 24 | .btn-text { 25 | padding-top: 10px; 26 | padding-left: 14px; 27 | padding-right: 14px; 28 | padding-bottom: 10px; 29 | text-align: center; 30 | } 31 | 32 | .btn-animation{ 33 | transition: background-color 1s ease; 34 | } 35 | .btn-animation:hover { 36 | background-color: #fea55f; 37 | } 38 | 39 | .text-animation{ 40 | transition: color 1s ease; 41 | } 42 | .text-animation:hover { 43 | color: #01080e; 44 | } 45 | .text-black { 46 | color: #01080e; 47 | } 48 | 49 | .text-white { 50 | color: #ffffff; 51 | } 52 | 53 | -------------------------------------------------------------------------------- /components/button/button.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |
5 |
6 |

button

7 |
8 |
9 | 10 |
11 |
12 |

button

13 |
14 |
15 | 16 |
17 |
18 |

button

19 |
20 |
21 | 22 | -------------------------------------------------------------------------------- /components/collapsible/collapsible.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: "Fira"; 3 | src: url("../../fonts/FiraCode-Regular.ttf") format("truetype"); 4 | } 5 | .collapsible { 6 | background-color: #777; 7 | color: rgb(34, 28, 28); 8 | cursor: pointer; 9 | width: 100%; 10 | border: none; 11 | text-align: left; 12 | outline: none; 13 | font-size: 15px; 14 | z-index: 1; 15 | line-height: 31px; 16 | position: relative; 17 | padding-left: 30px; 18 | font-size: 16px; 19 | color: #FFFFFF; 20 | height: 31px; 21 | background-color: rgba(16, 31, 47, 0.5); 22 | margin-top: 10px; 23 | } 24 | 25 | .active-collapsible, .collapsible:hover { 26 | background-color: #1E2D3D; 27 | } 28 | 29 | .active-collabsible + .content { 30 | padding: 18px; 31 | } 32 | 33 | .content { 34 | padding: 0 18px; 35 | max-height: 0; 36 | transition: max-height 0.2s ease-out; 37 | z-index: 1; 38 | overflow: hidden; 39 | position: relative; 40 | font-size: 16px; 41 | color: #050505; 42 | } 43 | 44 | .collapsible::before { 45 | background-image: url(../../images/icons/Vector.svg); 46 | height: 20px; 47 | position: absolute; 48 | top: 7px; 49 | left: 10px; 50 | content: ""; 51 | background-size: cover; 52 | width: 13px; 53 | } 54 | 55 | .collapsible-cat { 56 | padding-top: 15px; 57 | max-height: 200vh; 58 | }/*# sourceMappingURL=collapsible.css.map */ -------------------------------------------------------------------------------- /components/collapsible/collapsible.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |
5 | 6 |
7 |
8 |

9 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Quia veritatis expedita beatae quae doloremque earum 10 | tempore non, perferendis fugiat nisi sunt consectetur eum impedit vitae esse necessitatibus fugit dolorem 11 | tenetur. 12 | Impedit ullam recusandae quos dolor sapiente laudantium totam, dignissimos odio maxime quaerat cum labore, sunt 13 | consectetur alias corporis mollitia repudiandae! Praesentium, autem suscipit! Blanditiis ducimus animi eum qui 14 | laborum tempore. 15 | Minus nobis reprehenderit perspiciatis eligendi voluptatibus. Ab architecto temporibus eum! Perspiciatis placeat 16 | in voluptatem odit fugiat, ab expedita corrupti optio voluptatum sed, aperiam hic consequuntur beatae dolore, 17 | accusamus cum nam? 18 |

19 |
20 | 21 |
22 |
23 |

24 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestias facere quaerat illum nemo ullam tenetur 25 | temporibus quisquam? Veniam, cumque architecto mollitia molestias porro excepturi, distinctio necessitatibus in 26 | autem blanditiis molestiae. 27 | Fugiat ut, harum commodi vel labore quae tempore tempora ab eveniet mollitia quia explicabo ipsam placeat 28 | laudantium nulla libero temporibus? In nulla ab harum aspernatur similique qui! Velit, recusandae earum! 29 |
30 | Laboriosam mollitia hic consequatur quod, doloremque earum in assumenda molestiae ratione nisi debitis cumque 31 | velit odio, optio tenetur praesentium aperiam provident, culpa qui! Iste iusto delectus in amet unde nesciunt. 32 | Ut eveniet laborum natus perferendis. Cumque corrupti similique totam, neque iusto id eius reiciendis nisi 33 | tenetur impedit, maxime sunt, quos exercitationem! Praesentium perferendis in nostrum quos sunt dolorem ex quae. 34 | Molestias animi exercitationem repellendus maiores laboriosam maxime blanditiis sed accusantium facilis debitis 35 | adipisci, quo quas excepturi eos minima corporis nemo quibusdam odio ducimus eius atque. Illo minima soluta sunt 36 | nobis? 37 |
38 | Adipisci quam possimus praesentium exercitationem quasi veniam repellendus. Maxime perspiciatis facere, 39 | similique provident omnis asperiores illo quasi unde nobis repellendus eaque et qui ad natus harum officia 40 | aliquam tempore nihil! 41 | Inventore pariatur quam aperiam provident quasi ipsa alias doloremque ullam consectetur molestiae ea, autem 42 | assumenda dolore praesentium quos tempora neque nostrum ducimus unde optio iusto recusandae aspernatur. Beatae, 43 | omnis unde! 44 |
45 | Dolores, libero! Accusamus sapiente minus ipsum voluptatem, cum voluptatibus recusandae id optio a at quo 46 | nesciunt eligendi asperiores impedit placeat et vitae mollitia aliquam similique magnam illum maiores incidunt. 47 | Amet? 48 |

49 |
50 | 51 |
52 |

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Obcaecati culpa laudantium, dolores placeat explicabo 53 | accusantium tempore praesentium ducimus eveniet adipisci quibusdam ratione! Impedit dolorum, ipsum distinctio 54 | quia vel praesentium voluptatibus!

55 |
56 | 57 |
58 |

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Obcaecati culpa laudantium, dolores placeat explicabo 59 | accusantium tempore praesentium ducimus eveniet adipisci quibusdam ratione! Impedit dolorum, ipsum distinctio 60 | quia vel praesentium voluptatibus!

61 |
62 | 63 |
64 |

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Obcaecati culpa laudantium, dolores placeat explicabo 65 | accusantium tempore praesentium ducimus eveniet adipisci quibusdam ratione! Impedit dolorum, ipsum distinctio 66 | quia vel praesentium voluptatibus!

67 |
68 | 69 |
70 | 71 | 72 | -------------------------------------------------------------------------------- /components/collapsible/collapsible.js: -------------------------------------------------------------------------------- 1 | var coll = document.getElementsByClassName("collapsible"); 2 | var i; 3 | 4 | for (i = 0; i < coll.length; i++) { 5 | coll[i].addEventListener("click", function(){ 6 | this.classList.toggle("active-collapsible"); 7 | var content = this.nextElementSibling; 8 | if (content.style.maxHeight){ 9 | content.style.maxHeight = null; 10 | } else { 11 | content.style.maxHeight = content.scrollHeight + "px"; /* use 600 can fix the heigh of div */ 12 | } 13 | }); 14 | } 15 | var coll = document.getElementsByClassName("mobile"); 16 | var i; 17 | 18 | for (i = 0; i < coll.length; i++) { 19 | coll[i].addEventListener("click", function(){ 20 | var content = this.nextElementSibling; 21 | if (content.style.maxHeight){ 22 | content.style.maxHeight = null; 23 | } else { 24 | content.style.maxHeight = content.scrollHeight + "px"; /* use 600 can fix the heigh of div */ 25 | } 26 | }); 27 | } -------------------------------------------------------------------------------- /freelance/cgvps/CGVPS-V1-05-04-2023.docx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dkp-consult/Ressources-Developpeurs-Freelances/b6867f5b4d38414cf8f835a0f702300151d220ad/freelance/cgvps/CGVPS-V1-05-04-2023.docx -------------------------------------------------------------------------------- /freelance/cgvps/CGVPS-V1-05-04-2023.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dkp-consult/Ressources-Developpeurs-Freelances/b6867f5b4d38414cf8f835a0f702300151d220ad/freelance/cgvps/CGVPS-V1-05-04-2023.pdf -------------------------------------------------------------------------------- /freelance/conventions-type/convention-full-remote.md: -------------------------------------------------------------------------------- 1 | # CONVENTION DE PRESTATION DE SERVICES EN RÉGIE 2 | 3 | ## Entre les soussignés : 4 | 5 | **[Nom de l’entreprise cliente]** 6 | Adresse : [Adresse de l’entreprise cliente] 7 | Numéro de SIRET/BCE : [Numéro de SIRET/BCE] 8 | Représentée par : [Nom du représentant] 9 | Ci-après dénommée "le Client" 10 | 11 | **ET** 12 | 13 | **[Nom du freelance]** 14 | Adresse : [Adresse du freelance] 15 | Numéro de SIRET/BCE : [Numéro de SIRET/BCE] 16 | Ci-après dénommé "le Prestataire" 17 | 18 | Il a été convenu ce qui suit : 19 | 20 | ### 1. Objet de la convention 21 | 22 | Le Prestataire s'engage à réaliser, pour le compte du Client, les prestations de développement informatique en mode régie et en full remote, telles que décrites à l’Article 2 de la présente convention. 23 | 24 | ### 2. Description des prestations 25 | 26 | Le Prestataire interviendra sur les missions suivantes : 27 | - [Description détaillée des tâches à accomplir] 28 | - [Description des technologies et outils à utiliser] 29 | - [Période de prestation : par exemple, du 1er janvier 2024 au 31 décembre 2024] 30 | 31 | ### 3. Modalités de travail 32 | 33 | Le Prestataire effectuera ses missions à distance. Les modalités de communication seront les suivantes : 34 | - Utilisation de [outil de communication] pour les réunions et échanges quotidiens. 35 | - Utilisation de [outil de gestion de projet] pour le suivi des tâches et projets. 36 | 37 | ### 4. Durée de la prestation 38 | 39 | La présente convention est conclue pour une durée de [durée de la mission]. Elle prendra effet à compter du [date de début] et se terminera le [date de fin]. 40 | 41 | ### 5. Rémunération 42 | 43 | Le Prestataire percevra une rémunération horaire/journalière de [montant en euros] euros (HT). Les factures seront émises mensuellement et devront être réglées dans un délai de [délai de paiement] jours à compter de la date de réception. En cas de retard de paiement, un rappel sera envoyé en facturer, sans réaction de la part du client, les prestations seront suspendue jusqu'à réception des fonds. 44 | 45 | ### 6. Obligations du Prestataire 46 | 47 | Le Prestataire s'engage à : 48 | - Réaliser les prestations conformément aux règles de l’art et aux standards professionnels. 49 | - Respecter les délais convenus pour chaque tâche. 50 | - Maintenir une communication régulière avec le Client et signaler tout obstacle ou retard éventuel. 51 | 52 | ### 7. Obligations du Client 53 | 54 | Le Client s'engage à : 55 | - Fournir au Prestataire toutes les informations et accès nécessaires à la réalisation des prestations. 56 | - Effectuer les paiements dans les délais convenus. 57 | - Faciliter la communication avec les équipes internes, le cas échéant. 58 | 59 | ### 8. Confidentialité 60 | 61 | Le Prestataire s'engage à garder strictement confidentielles toutes les informations et documents portés à sa connaissance dans le cadre de l’exécution des présentes. 62 | 63 | ### 9. Résiliation 64 | 65 | En cas de manquement grave aux obligations de l'une des parties, la présente convention pourra être résiliée de plein droit par l’autre partie, après mise en demeure restée sans effet pendant un délai de [nombre de jours] jours. 66 | 67 | ### 10. Litiges 68 | 69 | Tout litige relatif à l’interprétation ou à l’exécution de la présente convention sera soumis aux tribunaux compétents de [ville]. 70 | 71 | ### 11. Divers 72 | 73 | La présente convention constitue l’intégralité de l’accord entre les parties. Elle ne pourra être modifiée que par avenant signé des deux parties. 74 | 75 | Fait à [Ville], le [Date] 76 | 77 | **Pour le Client :** 78 | [Nom du représentant] 79 | [Signature] 80 | 81 | **Pour le Prestataire :** 82 | [Nom du freelance] 83 | [Signature] 84 | -------------------------------------------------------------------------------- /freelance/conventions-type/convention-remote-presentiel.md: -------------------------------------------------------------------------------- 1 | # CONVENTION DE PRESTATION DE SERVICES EN RÉGIE 2 | 3 | ## Entre les soussignés : 4 | 5 | **[Nom de l’entreprise cliente]** 6 | Adresse : [Adresse de l’entreprise cliente] 7 | Numéro de SIRET/BCE : [Numéro de SIRET/BCE] 8 | Représentée par : [Nom du représentant] 9 | Ci-après dénommée "le Client" 10 | **ET** 11 | 12 | **[Nom du freelance]** 13 | Adresse : [Adresse du freelance] 14 | Numéro de SIRET/BCE : [Numéro de SIRET/BCE] 15 | Ci-après dénommé "le Prestataire" 16 | 17 | Il a été convenu ce qui suit : 18 | 19 | ### 1. Objet de la convention 20 | 21 | Le Prestataire s'engage à réaliser, pour le compte du Client, les prestations de développement informatique en mode régie. Ces prestations pourront être effectuées en télétravail (remote) ou en présentiel, selon les besoins et les modalités définies ci-après. 22 | 23 | ### 2. Description des prestations 24 | 25 | Le Prestataire interviendra sur les missions suivantes : 26 | - [Description détaillée des tâches à accomplir] 27 | - [Description des technologies et outils à utiliser] 28 | - [Période de prestation : par exemple, du 1er janvier 2024 au 31 décembre 2024] 29 | 30 | ### 3. Lieu de prestation 31 | 32 | Les prestations seront effectuées principalement en télétravail. Toutefois, le Prestataire pourra être amené à se rendre dans les locaux du Client situés à [Adresse du client] pour des réunions ou des interventions spécifiques. Les déplacements seront planifiés en accord avec le Client. 33 | 34 | ### 4. Modalités de travail 35 | 36 | #### Télétravail (Remote) 37 | 38 | - Utilisation de [outil de communication] pour les réunions et échanges quotidiens. 39 | - Utilisation de [outil de gestion de projet] pour le suivi des tâches et projets. 40 | - Les horaires de travail seront flexibles mais alignés sur les heures de travail du Client pour faciliter la communication. 41 | 42 | #### Présentiel 43 | 44 | - Les jours de présence sur site seront déterminés d’un commun accord entre le Client et le Prestataire. 45 | - Les frais de déplacement et d'hébergement, le cas échéant, seront pris en charge par le Client, sur présentation des justificatifs. 46 | 47 | ### 5. Durée de la prestation 48 | 49 | La présente convention est conclue pour une durée de [durée de la mission]. Elle prendra effet à compter du [date de début] et se terminera le [date de fin]. 50 | 51 | ### 6. Rémunération 52 | 53 | Le Prestataire percevra une rémunération horaire/journalière de [montant en euros] euros (HT). Les factures seront émises mensuellement et devront être réglées dans un délai de [délai de paiement] jours à compter de la date de réception. En cas de retard de paiement, un rappel sera envoyé en facturer, sans réaction de la part du client, les prestations seront suspendue jusqu'à réception des fonds. 54 | 55 | ### 7. Obligations du Prestataire 56 | 57 | Le Prestataire s'engage à : 58 | - Réaliser les prestations conformément aux règles de l’art et aux standards professionnels. 59 | - Respecter les délais convenus pour chaque tâche. 60 | - Maintenir une communication régulière avec le Client et signaler tout obstacle ou retard éventuel. 61 | 62 | ### 8. Obligations du Client 63 | 64 | Le Client s'engage à : 65 | - Fournir au Prestataire toutes les informations et accès nécessaires à la réalisation des prestations. 66 | - Effectuer les paiements dans les délais convenus. 67 | - Faciliter la communication avec les équipes internes, le cas échéant. 68 | - Prendre en charge les frais de déplacement et d'hébergement pour les interventions en présentiel, sur présentation des justificatifs. 69 | 70 | ### 9. Confidentialité 71 | 72 | Le Prestataire s'engage à garder strictement confidentielles toutes les informations et documents portés à sa connaissance dans le cadre de l’exécution des présentes. 73 | 74 | ### 10. Résiliation 75 | 76 | En cas de manquement grave aux obligations de l'une des parties, la présente convention pourra être résiliée de plein droit par l’autre partie, après mise en demeure restée sans effet pendant un délai de [nombre de jours] jours. 77 | 78 | ### 11. Litiges 79 | 80 | Tout litige relatif à l’interprétation ou à l’exécution de la présente convention sera soumis aux tribunaux compétents de [ville]. 81 | 82 | ### 12. Divers 83 | 84 | La présente convention constitue l’intégralité de l’accord entre les parties. Elle ne pourra être modifiée que par avenant signé des deux parties. 85 | 86 | Fait à [Ville], le [Date] 87 | 88 | **Pour le Client :** 89 | [Nom du représentant] 90 | [Signature] 91 | 92 | **Pour le Prestataire :** 93 | [Nom du freelance] 94 | [Signature] 95 | -------------------------------------------------------------------------------- /freelance/conventions-type/convention.md: -------------------------------------------------------------------------------- 1 | # Convention - Freelance 2 | 3 | ## Entre les soussignés : 4 | 5 | [Client], enregistré avec le numéro d’entreprise [BCE] représentée par [représentants] et ci-après nommé Client, 6 | d’une part, et d’autre part, [Prestataire, son numéro société, ses coordonnées]. 7 | 8 | Il a été convenu ce qui suit : 9 | 10 | ## ARTICLE 1 : OBJET 11 | 12 | La présente convention régit les relations entre [Client], ci-après dénommé le Client, et [Prestataire], ci-après dénommé Prestataire, concernant [objet de la convention] aux activités du Client. 13 | 14 | ## ARTICLE 2 : SECTEUR ET PRESTATIONS 15 | 16 | Le Prestataire limitera ses interventions aux missions définies par le Client. 17 | 18 | Le Client donne les accès aux outils internes nécessaires à la réalisation des missions du Prestataire. 19 | 20 | Par ailleurs, dans le cas où il n’aurait pas toutes les données nécessaires à la réalisation d’une tâche, le Prestataire est autorisé à récolter auprès des clients du Client les informations nécessaires à la partie rédactionnelle et technique des sites web sur lesquels il intervient ainsi que toute donnée facilitant la gestion administrative de ce client. 21 | 22 | Le Prestataire adoptera dans ses contacts professionnels une attitude qui ne peut nuire en aucune manière à l’image de marque et aux intérêts du Client. 23 | 24 | Le Prestataire agit comme intermédiaire indépendant pour des prestations sur les sites web et les processus administratifs gérés par le Client. 25 | 26 | Le Prestataire s’efforcera de : 27 | - [détail de mission] 28 | - [détail de mission] 29 | - [détail de mission] 30 | - [détail de mission] 31 | - [détail de mission] 32 | 33 | Exemples de tâches demandées : 34 | - [exemple détaillé] 35 | - [exemple détaillé] 36 | - [exemple détaillé] 37 | - [exemple détaillé] 38 | - [exemple détaillé] 39 | - [exemple détaillé] 40 | 41 | ## ARTICLE 3 : CARACTÉRISTIQUES FINANCIÈRES 42 | 43 | La rémunération du Prestataire est de XX € HTVA par heure prestée / XX € HTVA par jour presté. 44 | Le paiement sera effectué mensuellement sur un compte déterminé par le Prestataire au plus tard [délai de paiement]. 45 | 46 | [Clauses supplémentaire sur l’éventuel minimum prévu, demandé par semaine] 47 | 48 | ## ARTICLE 4 : CONDITIONS D’EXERCICE DU CONTRAT 49 | 50 | Le lieu de travail habituel du Prestataire est totalement libre. Celui-ci s’assurera néanmoins de disposer de conditions idéales pour ses prestations. 51 | 52 | Bien que jouissant de la plus grande liberté, le Prestataire s'interdit de négocier des affaires portant sur les opérations faisant l’objet du présent contrat pour son propre compte. 53 | 54 | Le Prestataire déclare qu’étant indépendant non salarié, il fait son affaire personnelle des obligations et formalités administratives et de toutes charges fiscales et sociales lui incombant à ce titre. 55 | 56 | ## ARTICLE 5 : RÉSILIATION 57 | 58 | Chacune des parties aura la faculté de résilier la présente convention en cas de manquement grave de l’autre partie à l’une quelconque de ses obligations ou de survenance de circonstances exceptionnelles. 59 | 60 | Cette résiliation prendra effet automatiquement et de plein droit, moyennant l’envoi, par la partie qui s’en prévaut, à son co-contractant, d’une lettre recommandée avec accusé de réception sans qu’il soit besoin d’une quelconque autre formalité. 61 | 62 | En cas de résiliation, par l'une ou l'autre partie, les prestations réalisées avant résiliation resteront dues. 63 | 64 | ## ARTICLE 6 : TRANSFERT DES INFOS ET ASSISTANCE POST-COLLABORATION 65 | 66 | ### 6.1. Engagement du Prestataire 67 | 68 | En cas de résiliation ou d'expiration de la présente convention, pour quelque raison que ce soit, le Prestataire s'engage à : 69 | 70 | **Transfert complet :** transférer au Client, ou à tout tiers désigné par celui-ci, l'intégralité des informations, données, documents, codes sources, accès et tout autre élément nécessaire à la continuité des services et projets en cours. Ce transfert sera réalisé de manière organisée, documentée et dans un format aisément exploitable par le Client. 71 | 72 | **Assistance et suivi :** assurer une assistance technique et un suivi des demandes du Client pendant une période minimale d'un X mois à compter de la date de fin effective de la collaboration. Cette assistance comprend notamment la réponse aux questions, la résolution de problèmes techniques et la formation du personnel du Client, si nécessaire. 73 | 74 | ### 6.2. Modalités d'exécution 75 | 76 | Les modalités pratiques du transfert des connaissances et de l'assistance post-collaboration seront définies d'un commun accord entre les parties, au plus tard 7 jours après l’annonce de la date effective de la fin de la collaboration. 77 | 78 | ### 6.3. Rémunération 79 | 80 | L'assistance et le suivi fournis par le Prestataire pendant la période post-collaboration seront rémunérés au tarif horaire habituel du Prestataire, sauf accord contraire entre les parties. 81 | 82 | ### 6.4. Confidentialité 83 | 84 | Les obligations de confidentialité prévues au présent contrat (article 7 ci-dessous) resteront pleinement en vigueur pendant la période post-collaboration et au-delà, conformément aux dispositions légales applicables. 85 | 86 | ## ARTICLE 7: CLAUSE DE CONFIDENTIALITÉ 87 | 88 | De par sa mission, le Prestataire sera amené à traiter des données stratégiques, que ce soient des bases de données appartenant au Client, des mots de passe "administrateur système informatique", des développements de nouveaux services et produits et des informations financières. 89 | 90 | Le Prestataire s'engage à ne divulguer aucune information concernant les activités de la société dont il pourrait avoir connaissance dans l'accomplissement de ses fonctions et qui seraient de nature à porter préjudice à l'entreprise et/ou aux clients de celle-ci. 91 | 92 | Cette obligation de confidentialité s'applique tant à l'égard des tiers que des salariés de l'entreprise. 93 | 94 | Elle gardera tous ses effets pendant toute la durée de la convention et se prolongera après la rupture de celle-ci pour quelque motif que ce soit. 95 | 96 | ## ARTICLE 8 : CLAUSE DE TRANSFERT DE PROPRIÉTÉ INTELLECTUELLE 97 | 98 | Le Prestataire cède au Client tous ses droits patrimoniaux de propriété intellectuelle présents et futurs, notamment quant aux œuvres (sur tous supports), bases de données, inventions, brevets, marques, dessins, modèles, noms commerciaux, noms de domaine, logos et savoir-faire, créés, développés, déposés, enregistrés, acquis ou détenus par lui postérieurement à la conclusion du contrat et uniquement les droits liés à des réalisations concernées par la présente convention. 99 | 100 | La cession des droits d’auteur du Prestataire au Client porte sur toutes les formes d’exploitation des œuvres dans le monde entier pour une durée égale à celle de la protection légale de celles-ci et est couverte par la rémunération prévue dans le présent contrat. 101 | 102 | Le Prestataire renonce par ailleurs à user de son droit moral à l’encontre du Client en ce qui concerne les œuvres cédées. 103 | 104 | ## ARTICLE 9 : COMPÉTENCE DES TRIBUNAUX 105 | 106 | En cas de litige, le tribunal compétent sera le Tribunal de [LIEU]. 107 | 108 | Fait à [Ville] en double exemplaire, le [Date] 109 | 110 | CLIENT | PRESTATAIRE 111 | --- | --- 112 | [Nom du Client] | [Nom du Prestataire] 113 | [Signature] | [Signature] 114 | -------------------------------------------------------------------------------- /freelance/devis-factures/template-devis_bleu.docx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dkp-consult/Ressources-Developpeurs-Freelances/b6867f5b4d38414cf8f835a0f702300151d220ad/freelance/devis-factures/template-devis_bleu.docx -------------------------------------------------------------------------------- /freelance/devis-factures/template-facture_orange.docx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dkp-consult/Ressources-Developpeurs-Freelances/b6867f5b4d38414cf8f835a0f702300151d220ad/freelance/devis-factures/template-facture_orange.docx -------------------------------------------------------------------------------- /freelance/finances/Finance-template-vierge.xlsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dkp-consult/Ressources-Developpeurs-Freelances/b6867f5b4d38414cf8f835a0f702300151d220ad/freelance/finances/Finance-template-vierge.xlsx -------------------------------------------------------------------------------- /freelance/finances/suivi-devis-factures-templates.xlsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dkp-consult/Ressources-Developpeurs-Freelances/b6867f5b4d38414cf8f835a0f702300151d220ad/freelance/finances/suivi-devis-factures-templates.xlsx -------------------------------------------------------------------------------- /freelance/rapport-mission/template-rapport-complet.docx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dkp-consult/Ressources-Developpeurs-Freelances/b6867f5b4d38414cf8f835a0f702300151d220ad/freelance/rapport-mission/template-rapport-complet.docx -------------------------------------------------------------------------------- /global-code/htacces: -------------------------------------------------------------------------------- 1 | For redirecting http to https & remove .html extension in url 2 | 3 | ######### Generated by Lwspanel ######### 4 | ######### Ne pas modifier / Don't touch ######### 5 | 6 | # Redirections https dkp-consult.be 7 | RewriteEngine On 8 | RewriteCond %{HTTP:X-Forwarded-Proto} !https 9 | RewriteCond %{HTTPS} !on 10 | RewriteCond %{HTTP_HOST} ^(?:www\.)?dkp-consult\.be(?:.*)$ [nc] 11 | RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [redirect=301,L] 12 | 13 | ######### End Generated by Lwspanel ######### 14 | 15 | ######### From stackoverflow : https://stackoverflow.com/a/34726322 ######### 16 | RewriteEngine on 17 | 18 | 19 | RewriteCond %{THE_REQUEST} /([^.]+)\.html [NC] 20 | RewriteRule ^ /%1 [NC,L,R] 21 | 22 | RewriteCond %{REQUEST_FILENAME}.html -f 23 | RewriteRule ^ %{REQUEST_URI}.html [NC,L] -------------------------------------------------------------------------------- /global-code/navviewfix: -------------------------------------------------------------------------------- 1 | Fixing the anchor nav view from stackoverflow : 2 | 3 | https://stackoverflow.com/questions/10732690/offsetting-an-html-anchor-to-adjust-for-fixed-header 4 | 5 | 6 | 7 | a.anchor { 8 | display: block; 9 | position: relative; 10 | top: -250px; 11 | visibility: hidden; 12 | } 13 | 14 | If you want this to work for visible elements, you can also use a pseudo-element, a la .thing-with-anchor:before { content: ''; display: block; position: relative; width: 0; height: 5em; margin-top: -5em } 15 | -------------------------------------------------------------------------------- /pages-layout/construction-page/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | Nom de Domaine Réservé 40 | 41 | 42 |
43 |
44 | Logo de Prestataire X 45 |
46 |
47 |

Nom de Domaine Réservé

48 |
49 |
50 | Contact par email 51 |
52 |
53 |
54 |
55 |
56 | Image du chantier en cours 57 |
58 |
59 |

Ce nom de domaine est actuellement réservé par le prestataire X.

60 |

Un site web est en cours de réflexion et de construction.

61 |

En attendant, vous pouvez nous contacter sur nos réseaux sociaux :

62 |
    63 |
  • Réseau Social 1
    • 64 |
  • Réseau Social 2
    • 65 |
  • Réseau Social 3
    • 66 |
67 |

Le prestataire est disponible pour diverses missions. Visitez notre site web et suivez-nous sur les réseaux sociaux pour rester informé :

68 | Site du Prestataire 69 |
70 |
71 |
72 | 76 | 77 | 78 | -------------------------------------------------------------------------------- /pages-layout/construction-page/styles.css: -------------------------------------------------------------------------------- 1 | /* Styles pour le contenu principal */ 2 | body { 3 | font-family: Arial, sans-serif; 4 | margin: 0; 5 | padding: 0; 6 | background-color: #333; /* Fond foncé */ 7 | display: flex; 8 | flex-direction: column; 9 | min-height: 100vh; 10 | } 11 | 12 | header { 13 | background-color: rgba(0, 123, 255, 0.8); /* Couleur d'arrière-plan légèrement transparente pour le header */ 14 | color: white; 15 | display: flex; 16 | justify-content: space-between; 17 | align-items: center; 18 | padding: 20px; 19 | } 20 | 21 | .header-left img { 22 | max-height: 40px; 23 | } 24 | 25 | .header-center h1 { 26 | margin: 0; 27 | } 28 | 29 | .header-right a img { 30 | max-height: 30px; 31 | } 32 | 33 | main { 34 | flex-grow: 1; 35 | display: flex; 36 | justify-content: center; 37 | align-items: center; 38 | } 39 | 40 | .content { 41 | max-width: 70%; 42 | padding: 20px; 43 | background: rgba(255, 255, 255, 0.15); 44 | backdrop-filter: blur(10px); 45 | border: 2px solid rgba(0, 123, 255, 0.8); /* Bordure avec la couleur du header */ 46 | border-radius: 10px; 47 | display: flex; 48 | flex-direction: row; /* Par défaut, la disposition est en ligne */ 49 | } 50 | 51 | @media (max-width: 768px) { 52 | /* Pour les écrans de petite taille, inverser la disposition en colonne */ 53 | .content { 54 | flex-direction: column; 55 | } 56 | } 57 | 58 | .content-left { 59 | flex-basis: 40%; 60 | padding: 10px; 61 | } 62 | 63 | .content-left img { 64 | max-width: 100%; 65 | } 66 | 67 | .content-right { 68 | flex-grow: 1; 69 | padding: 10px; 70 | } 71 | 72 | ul { 73 | list-style-type: none; 74 | padding: 0; 75 | } 76 | 77 | ul li { 78 | margin-bottom: 10px; 79 | } 80 | 81 | a { 82 | text-decoration: none; 83 | color: rgba(0, 123, 255, 0.8); /* Couleur des liens */ 84 | } 85 | 86 | /* Styles pour le footer */ 87 | footer { 88 | background-color: rgba(0, 123, 255, 0.8); /* Couleur d'arrière-plan légèrement transparente pour le footer */ 89 | color: white; 90 | text-align: center; 91 | padding: 10px; 92 | display: flex; 93 | justify-content: center; 94 | align-items: center; 95 | } 96 | 97 | footer p { 98 | margin: 0; 99 | } 100 | 101 | footer a { 102 | text-decoration: none; 103 | color: white; 104 | } 105 | -------------------------------------------------------------------------------- /pages-layout/download/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | DkP Downloads 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 |
FichierTypeTélécharger
files names📁link names
files names📁link names
31 | 32 |
33 |
34 | 37 | 38 | -------------------------------------------------------------------------------- /pages-layout/download/style.css: -------------------------------------------------------------------------------- 1 | footer 2 | { 3 | display: flex; 4 | justify-content: space-between; 5 | text-align: center; 6 | border-top: solid 1px black; 7 | margin : 2em; 8 | flex-wrap: nowrap; 9 | } 10 | footer a 11 | { 12 | font-weight: bolder; 13 | color: blue; 14 | 15 | } 16 | #twit 17 | { 18 | font-weight: bolder; 19 | color: blue; 20 | } 21 | body 22 | { 23 | background-color: none ; 24 | } 25 | table.blueTable { 26 | border: 0px solid #1C6EA4; 27 | background-color: #EEEEEE; 28 | width: 900px; 29 | text-align: left; 30 | border-collapse: collapse; 31 | margin-left : auto; 32 | margin-right: auto; 33 | margin-top: 5em; 34 | margin-bottom: 5em; 35 | } 36 | table.blueTable td, table.blueTable th { 37 | border: 0px solid #AAAAAA; 38 | padding: 3px 2px; 39 | } 40 | table.blueTable tbody td { 41 | font-size: 13px; 42 | } 43 | table.blueTable tr:nth-child(even) { 44 | background: none ; 45 | } 46 | table.blueTable thead { 47 | background: yellow; 48 | background: -moz-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%); 49 | background: -webkit-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%); 50 | background: linear-gradient(to bottom, #5592bb 0%, #327cad 66%, #1C6EA4 100%); 51 | border-bottom: 2px solid #444444; 52 | } 53 | table.blueTable thead th { 54 | font-size: 15px; 55 | font-weight: bold; 56 | color: #FFFFFF; 57 | border-left: 2px solid #D0E4F5; 58 | } 59 | table.blueTable thead th:first-child { 60 | border-left: none; 61 | } 62 | 63 | table.blueTable tfoot td { 64 | font-size: 14px; 65 | } 66 | table.blueTable tfoot .links { 67 | text-align: right; 68 | } 69 | table.blueTable tfoot .links a{ 70 | display: inline-block; 71 | background: #1C6EA4; 72 | color: #FFFFFF; 73 | padding: 2px 8px; 74 | border-radius: 5px; 75 | } -------------------------------------------------------------------------------- /pages-layout/tree-project-view/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | projects tree view 8 | 9 | 10 | 11 |
12 | 31 |
32 | 33 | -------------------------------------------------------------------------------- /pages-layout/tree-project-view/style.css: -------------------------------------------------------------------------------- 1 | ul { 2 | list-style: none; 3 | } 4 | ul, li { 5 | padding-bottom : 7px; 6 | } 7 | a { 8 | text-decoration: none; 9 | } 10 | .description { 11 | font-size: 11px; 12 | font-style: italic; 13 | } 14 | .project-source { 15 | text-decoration : underline; 16 | font-weight: bolder; 17 | } 18 | 19 | ul { 20 | padding-left: 0px; 21 | list-style: none; 22 | } 23 | 24 | ul li { 25 | position: relative; 26 | padding-top: 5px; 27 | padding-bottom: 5px; 28 | padding-left: 15px; 29 | -webkit-box-sizing: border-box; 30 | -moz-box-sizing: border-box; 31 | box-sizing: border-box; 32 | } 33 | 34 | ul li:before { 35 | position: absolute; 36 | top: 15px; 37 | left: 0; 38 | width: 10px; 39 | height: 1px; 40 | margin: auto; 41 | content: ''; 42 | background-color: #666; 43 | } 44 | 45 | ul li:after { 46 | position: absolute; 47 | top: 0; 48 | bottom: 0; 49 | left: 0; 50 | width: 1px; 51 | height: 100%; 52 | content: ''; 53 | background-color: #666; 54 | } 55 | 56 | ul li:last-child:after { 57 | height: 15px; 58 | } -------------------------------------------------------------------------------- /readme.md: -------------------------------------------------------------------------------- 1 | /!\ En construction : initialement ce repository était abandonné, je vais donc petit à petit le mettre à jour /!\ 2 | 3 | # Ressources Développeurs & Freelances 4 | 5 | ![Contributors](https://img.shields.io/github/contributors/votre-utilisateur/votre-repository) 6 | ![Issues](https://img.shields.io/github/issues/votre-utilisateur/votre-repository) 7 | ![License](https://img.shields.io/github/license/votre-utilisateur/votre-repository) 8 | 9 | Une collection de ressources pour développeurs et freelances, incluant des configurations de VSCode, des composants web, des templates et des scripts utiles. 10 | 11 | ## Table des matières 12 | 13 | - [Configuration de VSCode](#configuration-de-vscode) 14 | - [Composants Vanilla](#composants-vanilla) 15 | - [Templates HTAccess](#templates-htaccess) 16 | - [Templates de Hotfix](#templates-de-hotfix) 17 | - [Structures de Pages Basiques](#structures-de-pages-basiques) 18 | - [Scripts Linux Basiques](#scripts-linux-basiques) 19 | - [Ressources pour Freelances](#ressources-pour-freelances) 20 | - [Comment contribuer](#comment-contribuer) 21 | - [Licence](#licence) 22 | 23 | ## Configuration de VSCode 24 | 25 | Dans le dossier `vscode-config`, vous trouverez des configurations prêtes à l'emploi pour Visual Studio Code afin d'améliorer votre productivité. 26 | 27 | ## Composants Vanilla 28 | 29 | Le dossier `vanilla-components` contient des composants HTML, CSS et JavaScript basiques que vous pouvez utiliser comme base pour vos projets web. 30 | 31 | ## Templates HTAccess 32 | 33 | Dans le dossier `htaccess-templates`, vous trouverez des exemples de fichiers `.htaccess` pour configurer vos serveurs web Apache. 34 | 35 | ## Templates de Hotfix 36 | 37 | Le dossier `hotfix-templates` comprend des modèles de hotfix pour gérer les correctifs rapides dans vos projets. 38 | 39 | ## Structures de Pages Basiques 40 | 41 | Le dossier `basic-page-structures` contient des modèles de structures de pages web simples, prêts à être utilisés et personnalisés. 42 | 43 | ## Scripts Linux Basiques 44 | 45 | Dans le dossier `linux-scripts`, vous trouverez des scripts basiques pour automatiser certaines tâches sous Linux. 46 | 47 | ## Ressources pour Freelances 48 | 49 | Le dossier `freelance-resources` offre une collection de documents essentiels pour les freelances, incluant des conventions types, des plans financiers, des plans de trésoreries, des modèles de devis et de factures, et bien plus encore. 50 | 51 | ## Comment contribuer 52 | 53 | Les contributions sont les bienvenues ! Veuillez soumettre une pull request avec une description détaillée des modifications que vous proposez. 54 | 55 | ## Licence 56 | 57 | ## Support et Partage 58 | 59 | Si vous trouvez ce repository utile, n'hésitez pas à lui donner une étoile ⭐️ sur GitHub ! Cela nous aide à savoir que vous appréciez notre travail. Vous pouvez également partager ce repository avec vos amis et collègues pour qu'ils puissent en bénéficier. 60 | 61 | Merci pour votre soutien ! 62 | 63 | **^dkp** -------------------------------------------------------------------------------- /scripts-linux/beep.md: -------------------------------------------------------------------------------- 1 | This script was for my IdeaPad 3, the bios beep always on and I've create a script for stopping that. This script was lauch when I start the user session. -------------------------------------------------------------------------------- /scripts-linux/beep.sh: -------------------------------------------------------------------------------- 1 | #!/bin/bash 2 | 3 | sudo modprobe -r pcspkr 4 | -------------------------------------------------------------------------------- /scripts-linux/dkp.sh: -------------------------------------------------------------------------------- 1 | #!/bin/bash 2 | 3 | # Définir les URLs à ouvrir dans chaque onglet 4 | url1="#" 5 | url2="#" 6 | 7 | # Chemin complet vers l'exécutable de Firefox Developer Edition 8 | firefoxDevPath="/usr/local/firefox_dev/firefox" 9 | 10 | # Lancer Firefox Developer Edition avec les onglets spécifiés 11 | nohup "$firefoxDevPath" --new-tab "$url1" --new-tab "$url2" 12 | 13 | # Lancer VSCode 14 | # Si vous voulez ouvrir VSCode sans dossier spécifique, utilisez simplement `code`. 15 | nohup "code" 16 | 17 | -------------------------------------------------------------------------------- /vscode-cfg/keybindings.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "key": "ctrl+alt+[BracketLeft]", 4 | "command": "editor.fold" 5 | }, 6 | { 7 | "key": "ctrl+alt+[BracketRight]", 8 | "command": "editor.unfold" 9 | }, 10 | { 11 | "key": "ctrl+d", 12 | "command": "editor.action.smartSelect.expand", 13 | "when": "editorTextFocus" 14 | }, 15 | { 16 | "key": "ctrl+shift+d", 17 | "command": "editor.action.addSelectionToNextFindMatch", 18 | "when": "editorFocus" 19 | }, 20 | { 21 | "key": "ctrl+p", 22 | "command": "workbench.action.showCommands", 23 | }, 24 | { 25 | "key": "ctrl+o", 26 | "command": "workbench.action.quickOpen", 27 | }, 28 | { 29 | "key": "ctrl+shift+o", 30 | "command": "revealFileInOS", 31 | }, 32 | { 33 | "key": "ctrl+r", 34 | "command": "workbench.action.gotoSymbol", 35 | }, 36 | { 37 | "key": "ctrl+n", 38 | "command": "explorer.newFile", 39 | }, 40 | { 41 | "key": "ctrl+o", 42 | "command": "workbench.action.quickOpen", 43 | }, 44 | { 45 | "key": "ctrl+alt+l", 46 | "command": "editor.action.formatDocument", 47 | }, 48 | { 49 | "key": "ctrl+m", 50 | "command": "workbench.action.toggleSidebarVisibility", 51 | }, 52 | { 53 | "key": "ctrl+shift+alt+[BracketLeft]", 54 | "command": "editor.foldAll", 55 | "when": "editorTextFocus && foldingEnabled" 56 | }, 57 | { 58 | "key": "ctrl+shift+alt+[BracketRight]", 59 | "command": "editor.unfoldAll", 60 | "when": "editorTextFocus && foldingEnabled" 61 | }, 62 | { 63 | "key": "ctrl+t", 64 | "command": "workbench.action.terminal.toggleTerminal" 65 | }, 66 | { 67 | "key": "ctrl+alt+p", 68 | "command": "git.push" 69 | }, 70 | { 71 | "key": "ctrl+alt+[Period]", 72 | "command": "editor.action.blockComment", 73 | "when": "editorTextFocus && !editorReadonly" 74 | }, 75 | { 76 | "key": "ctrl+shift+a", 77 | "command": "-editor.action.blockComment", 78 | "when": "editorTextFocus && !editorReadonly" 79 | }, 80 | { 81 | "key": "ctrl+alt+w", 82 | "command": "editor.action.copyLinesDownAction", 83 | "when": "editorTextFocus && !editorReadonly" 84 | }, 85 | { 86 | "key": "ctrl+shift+alt+down", 87 | "command": "-editor.action.copyLinesDownAction", 88 | "when": "editorTextFocus && !editorReadonly" 89 | }, 90 | { 91 | "key": "alt+f", 92 | "command": "workbench.action.closeFolder", 93 | "when": "emptyWorkspaceSupport && workbenchState != 'empty'" 94 | }, 95 | { 96 | "key": "ctrl+k f", 97 | "command": "-workbench.action.closeFolder", 98 | "when": "emptyWorkspaceSupport && workbenchState != 'empty'" 99 | }, 100 | { 101 | "key": "ctrl+alt+=", 102 | "command": "editor.action.addCommentLine", 103 | "when": "editorTextFocus && !editorReadonly" 104 | }, 105 | { 106 | "key": "ctrl+k ctrl+c", 107 | "command": "-editor.action.addCommentLine", 108 | "when": "editorTextFocus && !editorReadonly" 109 | }, 110 | { 111 | "key": "ctrl+alt+=", 112 | "command": "editor.action.commentLine", 113 | "when": "editorTextFocus && !editorReadonly" 114 | }, 115 | { 116 | "key": "ctrl+shift+[Period]", 117 | "command": "-editor.action.commentLine", 118 | "when": "editorTextFocus && !editorReadonly" 119 | }, 120 | 121 | ] 122 | 123 | 124 | /* Shortcut Mac - export du 23-08-24 */ 125 | 126 | // Placer vos combinaisons de touches dans ce fichier pour remplacer les valeurs par défaut 127 | [ 128 | { 129 | "key": "ctrl+cmd+p", 130 | "command": "git.push" 131 | }, 132 | { 133 | "key": "shift+cmd+n", 134 | "command": "-workbench.action.newWindow" 135 | }, 136 | { 137 | "key": "shift+cmd+n", 138 | "command": "explorer.newFolder" 139 | }, 140 | { 141 | "key": "cmd+n", 142 | "command": "-workbench.action.files.newUntitledFile" 143 | }, 144 | { 145 | "key": "cmd+n", 146 | "command": "explorer.newFile" 147 | }, 148 | { 149 | "key": "alt+m", 150 | "command": "workbench.action.toggleSidebarVisibility", 151 | }, 152 | { 153 | "key": "shift+cmd+e", 154 | "command": "-workbench.view.explorer", 155 | "when": "viewContainer.workbench.view.explorer.enabled" 156 | }, 157 | { 158 | "key": "shift+cmd+a", 159 | "command": "workbench.view.explorer" 160 | }, 161 | { 162 | "key": "alt+e", 163 | "command": "workbench.files.action.focusFilesExplorer" 164 | } 165 | ] -------------------------------------------------------------------------------- /vscode-cfg/settings.json: -------------------------------------------------------------------------------- 1 | { 2 | "diffEditor.renderSideBySide": false, 3 | "editor.fontFamily": "'Fira Code', Consolas, 'Courier New', monospace", 4 | "editor.fontLigatures": true, 5 | "telemetry.telemetryLevel": "off", 6 | "liveServer.settings.donotShowInfoMsg": true, 7 | "diffEditor.wordWrap": "on", 8 | "editor.wordWrap": "on", 9 | "git.autofetch": true, 10 | "liveServer.settings.donotVerifyTags": true, 11 | 12 | // Grafikart setting 13 | "editor.minimap.enabled": false, 14 | "editor.formatOnSave" : false, 15 | "editor.formatOnPaste": false, 16 | "editor.renderWhitespace":"trailing", 17 | "editor.linkedEditing": true, 18 | "editor.occurrencesHighlight": false, 19 | "editor.suggest.insertMode": "replace", 20 | "editor.acceptSuggestionOnCommitCharacter": false, 21 | 22 | // Partie gestion fichier 23 | "files.autoSave": "afterDelay", 24 | "files.defaultLanguage": "markdown", 25 | 26 | // Partie explorer 27 | "explorer.autoReveal": false, 28 | "explorer.confirmDragAndDrop": false, 29 | "explorer.confirmDelete": false, 30 | 31 | // Partie workbench 32 | "workbench.editor.limit.enabled": true, 33 | "workbench.editor.limit.value": 6, 34 | "workbench.tree.indent": 15, 35 | "workbench.tree.renderIndentGuides": "always", 36 | "workbench.editor.enablePreview": false, 37 | "emmet.triggerExpansionOnTab": true, 38 | "git.confirmSync": false, 39 | "git.enableSmartCommit": true, 40 | "workbench.iconTheme": "material-icon-theme", 41 | "workbench.colorCustomizations": { 42 | "editor.selectionBackground": "#ffffff33", 43 | "editor.selectionHighlightBackground": "#ffffff33", 44 | }, 45 | "[html]": { 46 | "editor.defaultFormatter": "vscode.html-language-features" 47 | }, 48 | "[javascript]": { 49 | "editor.defaultFormatter": "esbenp.prettier-vscode" 50 | }, 51 | "editor.accessibilitySupport": "off", 52 | "[css]": { 53 | "editor.defaultFormatter": "esbenp.prettier-vscode" 54 | }, 55 | "editor.multiCursorModifier": "ctrlCmd", 56 | "githubPullRequests.createOnPublishBranch": "never", 57 | "editor.unicodeHighlight.allowedCharacters": { 58 | "è": true, 59 | "é": true, 60 | "ê": true 61 | }, 62 | "emmet.preferences": { 63 | 64 | }, 65 | "emmet.syntaxProfiles": { 66 | 67 | 68 | }, 69 | "emmet.variables": { 70 | "lang": "fr", 71 | "charset": "UTF-8" 72 | }, 73 | "workbench.colorTheme": "GitHub Dark Dimmed", 74 | "[json]": { 75 | "editor.defaultFormatter": "vscode.json-language-features" 76 | }, 77 | "editor.largeFileOptimizations": false 78 | } --------------------------------------------------------------------------------