noham/Code-to-PDF
1
0
Fork 0
mirror of https://github.com/NohamR/Code-to-PDF.git synced 2026-05-25 04:07:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

Improve SEO

Browse Source
This commit is contained in:
tarikjaber
2023-02-23 16:48:19 -05:00
parent 472a62434e
commit df3264b4ca
2 changed files with 62 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
index.html
View File

@@ -5,7 +5,13 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Code Formatter</title> <title>Convert Code to PDF: Free Online Tool</title>
<meta name="description"
content="Convert code to PDF online for free. Supports multiple programming languages and syntax highlighting themes.">
<meta name="keywords"
content="code to pdf, convert code to pdf, code converter, programming language converter, syntax highlighting, online converter">
<meta name="author" content="Tarik Jaber">
<!-- Google tag (gtag.js) --> <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-90N1Q923X2"></script> <script async src="https://www.googletagmanager.com/gtag/js?id=G-90N1Q923X2"></script>

109
styles.css
View File

@@ -1,6 +1,6 @@
body { body {
font-family: 'Roboto', sans-serif; font-family: 'Roboto', sans-serif;
margin: 0px; margin: 0px;
} }
select { select {
@@ -9,12 +9,12 @@ select {
} }
h1 { h1 {
margin: 0; margin: 0;
padding-bottom: 20px; padding-bottom: 20px;
color: white; color: white;
background-color: #222831; background-color: #222831;
padding: 20px; padding: 20px;
margin: -20px -20px 20px -20px; margin: -20px -20px 20px -20px;
} }
.options { .options {
@@ -46,18 +46,19 @@ button {
} }
button:active { button:active {
background-color: #5584AC; background-color: #5584ac;
} }
textarea { textarea {
padding: 10px; padding: 10px;
margin-top: 20px; margin-top: 20px;
resize: none; resize: none;
flex-grow: 1; flex-grow: 1;
border-radius: 5px; border-radius: 5px;
} }
html, body { html,
body {
height: 100%; height: 100%;
} }
@@ -69,48 +70,48 @@ html, body {
} }
pre { pre {
margin: 0; margin: 0;
} }
#code-container { #code-container {
display: flex; display: flex;
margin: 0 -20px; margin: 0 -20px;
font-family: 'Fira Code', monospace; font-family: 'Fira Code', monospace;
} }
#document-title { #document-title {
display: none; display: none;
} }
code { code {
font-size: 14px; font-size: 14px;
white-space: pre-wrap; white-space: pre-wrap;
} }
#line-nums { #line-nums {
width: auto; width: auto;
font-size: 14px; font-size: 14px;
padding-left: 11px; padding-left: 11px;
padding-top: 13px; padding-top: 13px;
padding-bottom: 4px; padding-bottom: 4px;
display: inline-block; display: inline-block;
} }
#code-div { #code-div {
background-color: #c9d1d9; background-color: #c9d1d9;
border-radius: 5px; width: auto;
width: auto; flex: 1;
flex: 1; display: inline-block;
display: inline-block;
} }
#code { #code {
margin-left: 2px; margin-left: 2px;
padding-bottom: 22px;
} }
#print-area { #print-area {
padding: 20px; padding: 20px;
display: none; /*display: none;*/
} }
a { a {
@@ -119,29 +120,29 @@ a {
} }
@media print { @media print {
body { body {
color-adjust: exact; color-adjust: exact;
-webkit-print-color-adjust: exact; -webkit-print-color-adjust: exact;
} }
#document-title { #document-title {
margin-bottom: 20px; margin-bottom: 20px;
} }
#print-area { #print-area {
display: block; display: block;
} }
#code-container { #code-container {
margin-top: -20px; margin-top: -20px;
} }
.hide-from-print { .hide-from-print {
display: none; display: none;
} }
} }
p { p {
margin-top: 0; margin-top: 0;
margin-bottom: 0; margin-bottom: 0;
} }