mirror of
https://github.com/Benzauber/convert-commander.git
synced 2025-12-30 15:39:55 -06:00
238 lines
6.1 KiB
HTML
238 lines
6.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Convert Commander - File Format Guide</title>
|
|
<style>
|
|
|
|
|
|
body {
|
|
background-color: #1B1B1B;
|
|
color: white;
|
|
font-family: Arial, sans-serif;
|
|
width: 80%;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
/* Header styles - preserved as requested */
|
|
.header {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
|
|
border-bottom: 1px solid #333;
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
.logo,
|
|
.link {
|
|
padding: 10px;
|
|
margin: 5px;
|
|
font-size: 20px;
|
|
/* Einheitliche Schriftgröße */
|
|
}
|
|
|
|
.logo {
|
|
text-align: left;
|
|
color: #94EBEB;
|
|
}
|
|
|
|
.link {
|
|
text-align: right;
|
|
color: white;
|
|
}
|
|
|
|
.link a {
|
|
text-decoration: none;
|
|
color: white;
|
|
}
|
|
|
|
.link a:hover {
|
|
color: #a0a0a0;
|
|
transition: all 0.3s;
|
|
}
|
|
|
|
/* Enhanced content styles */
|
|
h1 {
|
|
font-size: 2.5em;
|
|
margin-bottom: 1.5em;
|
|
color: #94EBEB;
|
|
text-align: center;
|
|
}
|
|
|
|
.file-type {
|
|
margin: 25px 0;
|
|
padding: 20px;
|
|
background: rgba(255, 255, 255, 0.05);
|
|
border-radius: 8px;
|
|
border-left: 4px solid #94EBEB;
|
|
transition: transform 0.2s ease, background 0.2s ease;
|
|
}
|
|
|
|
.file-type:hover {
|
|
transform: translateX(10px);
|
|
background: rgba(255, 255, 255, 0.08);
|
|
}
|
|
|
|
.file-type h3 {
|
|
color: #94EBEB;
|
|
margin-bottom: 10px;
|
|
font-size: 1.3em;
|
|
}
|
|
|
|
.file-type p {
|
|
color: #e0e0e0;
|
|
font-size: 1em;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
/* Responsive design */
|
|
@media (max-width: 768px) {
|
|
body {
|
|
width: 95%;
|
|
|
|
}
|
|
|
|
.file-type {
|
|
padding: 15px;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 2em;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="header">
|
|
<div class="logo">
|
|
<h3>Convert-Commander</h3>
|
|
</div>
|
|
<div class="link">
|
|
<a href="/">Convert</a>
|
|
</div>
|
|
</div>
|
|
|
|
<h1>File Type List</h1>
|
|
|
|
<div class="file-type">
|
|
<h3>Markdown (.md)</h3>
|
|
<p>A lightweight markup format often used for documentation and simple text files.</p>
|
|
</div>
|
|
|
|
<div class="file-type">
|
|
<h3>HTML (.html, .xhtml, .html5, .chunked-html)</h3>
|
|
<p>Hypertext Markup Language, the foundational format for web documents.</p>
|
|
</div>
|
|
|
|
<div class="file-type">
|
|
<h3>PDF (.pdf)</h3>
|
|
<p>Portable Document Format, a platform-independent document format.</p>
|
|
</div>
|
|
|
|
<div class="file-type">
|
|
<h3>DOCX (.docx)</h3>
|
|
<p>Microsoft Word document format.</p>
|
|
</div>
|
|
|
|
<div class="file-type">
|
|
<h3>EPUB (.epub)</h3>
|
|
<p>A popular format for e-books.</p>
|
|
</div>
|
|
|
|
<div class="file-type">
|
|
<h3>MP4 (.mp4)</h3>
|
|
<p>A common video format used for storing and sharing video files.</p>
|
|
</div>
|
|
|
|
<div class="file-type">
|
|
<h3>JPEG (.jpg, .jpeg)</h3>
|
|
<p>A popular format for images with lossy compression.</p>
|
|
</div>
|
|
|
|
<div class="file-type">
|
|
<h3>CSV (.csv, .tsv)</h3>
|
|
<p>Comma-Separated Values, a format for storing tabular data.</p>
|
|
</div>
|
|
|
|
<div class="file-type">
|
|
<h3>XLS (.xls, .xlsx, .ods)</h3>
|
|
<p>Spreadsheet files used in programs like Microsoft Excel.</p>
|
|
</div>
|
|
|
|
<div class="file-type">
|
|
<h3>Audio Formats (.mp3, .wav, .aac, .flac, .ogg, .m4a, .wma, .ac3, .amr)</h3>
|
|
<p>Various audio formats for music and other sound outputs.</p>
|
|
</div>
|
|
|
|
<div class="file-type">
|
|
<h3>Video Files (.avi, .mov, .mkv, .webm, .flv, .wmv, .mpeg, .mpg, .ts, .3gp)</h3>
|
|
<p>Formats for storing and playing video content.</p>
|
|
</div>
|
|
|
|
<div class="file-type">
|
|
<h3>Images (.png, .gif, .bmp, .tiff, .webp)</h3>
|
|
<p>Various image formats used for photos, graphics, and illustrations.</p>
|
|
</div>
|
|
|
|
<div class="file-type">
|
|
<h3>LaTeX (.tex, .context)</h3>
|
|
<p>A typesetting system commonly used for academic and technical documents.</p>
|
|
</div>
|
|
|
|
<div class="file-type">
|
|
<h3>BibTeX (.bibtex, .biblatex)</h3>
|
|
<p>A bibliographic tool used with LaTeX for managing references.</p>
|
|
</div>
|
|
|
|
<div class="file-type">
|
|
<h3>MediaWiki Formats (.mediawiki, .dokuwiki, .tikimediawiki, .twiki, .vimwiki, .xwiki, .zimwiki, .jira-wiki,
|
|
.creole)</h3>
|
|
<p>Wiki-based formats for collaborative documentation.</p>
|
|
</div>
|
|
|
|
<div class="file-type">
|
|
<h3>Slideshow Formats (.beamer, .pptx, .slidy, .revealjs, .slideous, .s5, .dzslides)</h3>
|
|
<p>Various formats for creating and presenting slideshows.</p>
|
|
</div>
|
|
|
|
<div class="file-type">
|
|
<h3>Plain Text (.txt, .ansi-text)</h3>
|
|
<p>Simple text files without formatting.</p>
|
|
</div>
|
|
|
|
<div class="file-type">
|
|
<h3>Notebook (.ipynb)</h3>
|
|
<p>Jupyter Notebook file format for combining code, text, and output.</p>
|
|
</div>
|
|
|
|
<div class="file-type">
|
|
<h3>FictionBook (.fictionbook2)</h3>
|
|
<p>An XML-based e-book format.</p>
|
|
</div>
|
|
|
|
<div class="file-type">
|
|
<h3>TeXinfo (.texinfo)</h3>
|
|
<p>A documentation system that uses a single source file to produce multiple output formats.</p>
|
|
</div>
|
|
|
|
<div class="file-type">
|
|
<h3>ICML (.icml)</h3>
|
|
<p>Adobe InCopy document format for professional publishing.</p>
|
|
</div>
|
|
|
|
<div class="file-type">
|
|
<h3>Typst (.typst)</h3>
|
|
<p>A modern markup-based typesetting format.</p>
|
|
</div>
|
|
|
|
<div class="file-type">
|
|
<h3>ANSI Text (.ansi-text)</h3>
|
|
<p>A text format with ANSI escape codes for formatting.</p>
|
|
</div>
|
|
</body>
|
|
|
|
</html> |