DGNum/Stirling-PDF
15
0
Fork 0
Code Issues 4 Pull requests 1 Projects Releases Packages Wiki Activity
Stirling-PDF/src/main/resources/templates/home.html

200 lines
11 KiB
HTML
Raw Normal View History

Add rotate and compress (#7) * Add files via upload * Update build.gradle * Update general.css
2023-01-29 18:06:53 +01:00
<!DOCTYPE html>
custom default Lang
2023-04-03 00:59:22 +02:00
<html th:lang="${#locale.toString()}" th:lang-direction="#{language.direction}" xmlns:th="http://www.thymeleaf.org">
Add rotate and compress (#7) * Add files via upload * Update build.gradle * Update general.css
2023-01-29 18:06:53 +01:00
PDF security features (#26) - Support for adding and removing passwords - Support for watermarks - Dedicated page remover - Support for PDF permissions - Removed endpoint /home and replaced with / - Code cleanups - Fixed page titles
2023-02-03 21:26:35 +01:00
<th:block th:insert="~{fragments/common :: head(title='')}"></th:block>
Add rotate and compress (#7) * Add files via upload * Update build.gradle * Update general.css
2023-01-29 18:06:53 +01:00
Cleaned up the code used to list features on the home page.
2023-02-04 14:15:03 +01:00
<style>
Metadata editting and local only JS and pdf to image change and format pages (#44) * Formatting * changeMeta * pdf to img fix * foramtting * new image * lang changes
2023-02-11 15:27:15 +01:00
.features-container {
Home screen change (#88) * security * home screen remove GO button * fix * test * version
2023-04-15 20:55:55 +02:00
display: grid;
grid-template-columns: repeat(auto-fill, minmax(21rem, 3fr));
gap: 25px 30px;
Metadata editting and local only JS and pdf to image change and format pages (#44) * Formatting * changeMeta * pdf to img fix * foramtting * new image * lang changes
2023-02-11 15:27:15 +01:00
}
Fixed alignment of the feature card 'go' button
2023-02-04 15:53:19 +01:00
Metadata editting and local only JS and pdf to image change and format pages (#44) * Formatting * changeMeta * pdf to img fix * foramtting * new image * lang changes
2023-02-11 15:27:15 +01:00
.feature-card {
Home screen change (#88) * security * home screen remove GO button * fix * test * version
2023-04-15 20:55:55 +02:00
border: 2px solid rgba(0, 0, 0, .25);
border-radius: 0.25rem;
padding: 1.25rem;
display: flex;
flex-direction: column;
align-items: flex-start;
background: rgba(13, 110, 253, 0.05);
transition: transform 0.3s, border 0.3s;
}
.feature-card a {
text-decoration: none;
color: inherit;
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
Metadata editting and local only JS and pdf to image change and format pages (#44) * Formatting * changeMeta * pdf to img fix * foramtting * new image * lang changes
2023-02-11 15:27:15 +01:00
}
.feature-card .card-text {
Home screen change (#88) * security * home screen remove GO button * fix * test * version
2023-04-15 20:55:55 +02:00
flex: 1;
}
.feature-card:hover {
Update home.html
2023-04-17 18:16:18 +02:00
border: 1px solid rgba(0, 0, 0, .5);
Home screen change (#88) * security * home screen remove GO button * fix * test * version
2023-04-15 20:55:55 +02:00
cursor: pointer;
transform: scale(1.1);
}
.feature-card:hover .card-title {
text-decoration: underline;
}
.card-title.text-primary {
fixes to saving and things
2023-04-22 01:08:36 +02:00
color: #000; /* Replace with your desired shade of blue */
Metadata editting and local only JS and pdf to image change and format pages (#44) * Formatting * changeMeta * pdf to img fix * foramtting * new image * lang changes
2023-02-11 15:27:15 +01:00
}
centre align, colour stuff and home icons
2023-04-22 00:32:39 +02:00
.home-card-icon {
width: 30px;
height: 30px;
transform: translateY(-5px);
}
fixes to saving and things
2023-04-22 01:08:36 +02:00
.home-card-icon-colour {
filter: invert(0.2) sepia(2) saturate(50) hue-rotate(190deg);
}
favourites
2023-05-12 17:47:43 +02:00
.favorite-icon {
star in top right fix
2023-05-13 14:15:24 +02:00
display: none;
favourites
2023-05-12 17:47:43 +02:00
position: absolute;
top: 10px;
right: 10px;
star in top right fix
2023-05-13 14:15:24 +02:00
}
/* Only show the favorite icons when the parent card is being hovered over */
.feature-card:hover .favorite-icon {
display: block;
favourites
2023-05-12 17:47:43 +02:00
}
.favorite-icon img {
filter: brightness(0);
}
as
2023-05-20 00:58:54 +02:00
.jumbotron {
padding: 3rem 3rem; /* Reduce vertical padding */
}
Cleaned up the code used to list features on the home page.
2023-02-04 14:15:03 +01:00
</style>
Add rotate and compress (#7) * Add files via upload * Update build.gradle * Update general.css
2023-01-29 18:06:53 +01:00
PDF security features (#26) - Support for adding and removing passwords - Support for watermarks - Dedicated page remover - Support for PDF permissions - Removed endpoint /home and replaced with / - Code cleanups - Fixed page titles
2023-02-03 21:26:35 +01:00
<body>
Add rotate and compress (#7) * Add files via upload * Update build.gradle * Update general.css
2023-01-29 18:06:53 +01:00
Metadata editting and local only JS and pdf to image change and format pages (#44) * Formatting * changeMeta * pdf to img fix * foramtting * new image * lang changes
2023-02-11 15:27:15 +01:00
<div id="page-container">
<div id="content-wrap">
<div th:insert="~{fragments/navbar.html :: navbar}"></div>
<!-- Jumbotron -->
<div class="jumbotron jumbotron-fluid" id="jumbotron">
<div class="container">
Fixes and others (#83) Features ------------- Custom application name via APP_NAME docker env (These next 3 are done with OCRMyPDF) Extra features to OCR for scanned page cleanup (tilt/noise fixing) Adding OCR ability to read and output to text file Added Dedicated PDF/A conversion page Bug fixes -------------- Fix concurrent calls on Libre and OCRMyPDF jbig fix for compressions Fix for compression metadata issues due to forced conversions to PDF/A Other -------- Removal of UK US language and just using "English" due to extra development time Still issue with concurrent files for PDF to image... will fix later sorry
2023-04-01 22:02:54 +02:00
<h1 class="display-4" th:text="${@appName}"></h1>
envs
2023-04-02 12:51:07 +02:00
<p class="lead" th:text="${@homeText != 'null' and @homeText != null and @homeText != ''} ? ${@homeText} : #{home.desc}"></p>
Metadata editting and local only JS and pdf to image change and format pages (#44) * Formatting * changeMeta * pdf to img fix * foramtting * new image * lang changes
2023-02-11 15:27:15 +01:00
</div>
</div>
PDF security features (#26) - Support for adding and removing passwords - Support for watermarks - Dedicated page remover - Support for PDF permissions - Removed endpoint /home and replaced with / - Code cleanups - Fixed page titles
2023-02-03 21:26:35 +01:00
Metadata editting and local only JS and pdf to image change and format pages (#44) * Formatting * changeMeta * pdf to img fix * foramtting * new image * lang changes
2023-02-11 15:27:15 +01:00
<!-- Features -->
<div class="features-container container">
stats and conditionals
2023-05-16 23:44:53 +02:00
favourites
2023-05-12 17:47:43 +02:00
<div th:replace="~{fragments/card :: card(id='multi-tool', cardTitle=#{home.multiTool.title}, cardText=#{home.multiTool.desc}, cardLink='multi-tool', svgPath='images/tools.svg')}"></div>
<div th:replace="~{fragments/card :: card(id='merge-pdfs', cardTitle=#{home.merge.title}, cardText=#{home.merge.desc}, cardLink='merge-pdfs', svgPath='images/union.svg')}"></div>
<div th:replace="~{fragments/card :: card(id='split-pdfs', cardTitle=#{home.split.title}, cardText=#{home.split.desc}, cardLink='split-pdfs', svgPath='images/layout-split.svg')}"></div>
about
2023-04-30 01:48:01 +02:00
favourites
2023-05-12 17:47:43 +02:00
<div th:replace="~{fragments/card :: card(id='rotate-pdf', cardTitle=#{home.rotate.title}, cardText=#{home.rotate.desc}, cardLink='rotate-pdf', svgPath='images/arrow-clockwise.svg')}"></div>
<div th:replace="~{fragments/card :: card(id='img-to-pdf', cardTitle=#{home.imageToPdf.title}, cardText=#{home.imageToPdf.desc}, cardLink='img-to-pdf', svgPath='images/image.svg')}"></div>
<div th:replace="~{fragments/card :: card(id='pdf-to-img', cardTitle=#{home.pdfToImage.title}, cardText=#{home.pdfToImage.desc}, cardLink='pdf-to-img', svgPath='images/image.svg')}"></div>
about
2023-04-30 01:48:01 +02:00
favourites
2023-05-12 17:47:43 +02:00
<div th:replace="~{fragments/card :: card(id='pdf-organizer', cardTitle=#{home.pdfOrganiser.title}, cardText=#{home.pdfOrganiser.desc}, cardLink='pdf-organizer', svgPath='images/sort-numeric-down.svg')}"></div>
<div th:replace="~{fragments/card :: card(id='add-image', cardTitle=#{home.addImage.title}, cardText=#{home.addImage.desc}, cardLink='add-image', svgPath='images/file-earmark-richtext.svg')}"></div>
<div th:replace="~{fragments/card :: card(id='add-watermark', cardTitle=#{home.watermark.title}, cardText=#{home.watermark.desc}, cardLink='add-watermark', svgPath='images/droplet.svg')}"></div>
Lots of changes (#70) Image extraction and conversion to formats Multi parallel file execution for all forms so you can input multiple files quickly Any file at all pdf using libreoffice, super powerful Sadly makes docker image larger but worth it OCR PDF using ocr my pdf Works awesomely for adding text to a image Improved compression using ocr my pdf app Settings page with custom download options such as - open in same window - open in new window - download - download as zip Update detection in settings page it should show notification if there is a update (very hidden) UI cleanups Add other image formats to PDF to Image Various fies to icons, and pdf.js usage
2023-03-20 22:55:11 +01:00
favourites
2023-05-12 17:47:43 +02:00
<div th:replace="~{fragments/card :: card(id='file-to-pdf', cardTitle=#{home.fileToPDF.title}, cardText=#{home.fileToPDF.desc}, cardLink='file-to-pdf', svgPath='images/file.svg')}"></div>
<div th:replace="~{fragments/card :: card(id='remove-pages', cardTitle=#{home.removePages.title}, cardText=#{home.removePages.desc}, cardLink='remove-pages', svgPath='images/file-earmark-x.svg')}"></div>
<div th:replace="~{fragments/card :: card(id='add-password', cardTitle=#{home.addPassword.title}, cardText=#{home.addPassword.desc}, cardLink='add-password', svgPath='images/lock.svg')}"></div>
about
2023-04-30 01:48:01 +02:00
favourites
2023-05-12 17:47:43 +02:00
<div th:replace="~{fragments/card :: card(id='remove-password', cardTitle=#{home.removePassword.title}, cardText=#{home.removePassword.desc}, cardLink='remove-password', svgPath='images/unlock.svg')}"></div>
<div th:replace="~{fragments/card :: card(id='compress-pdf', cardTitle=#{home.compressPdfs.title}, cardText=#{home.compressPdfs.desc}, cardLink='compress-pdf', svgPath='images/file-zip.svg')}"></div>
<div th:replace="~{fragments/card :: card(id='change-metadata', cardTitle=#{home.changeMetadata.title}, cardText=#{home.changeMetadata.desc}, cardLink='change-metadata', svgPath='images/clipboard-data.svg')}"></div>
error handling, excel, bug fixes, name fixes (#57)
2023-02-24 23:47:26 +01:00
favourites
2023-05-12 17:47:43 +02:00
<div th:replace="~{fragments/card :: card(id='change-permissions', cardTitle=#{home.permissions.title}, cardText=#{home.permissions.desc}, cardLink='change-permissions', svgPath='images/shield-lock.svg')}"></div>
<div th:replace="~{fragments/card :: card(id='ocr-pdf', cardTitle=#{home.ocr.title}, cardText=#{home.ocr.desc}, cardLink='ocr-pdf', svgPath='images/search.svg')}"></div>
<div th:replace="~{fragments/card :: card(id='extract-images', cardTitle=#{home.extractImages.title}, cardText=#{home.extractImages.desc}, cardLink='extract-images', svgPath='images/images.svg')}"></div>
Lots of changes (#70) Image extraction and conversion to formats Multi parallel file execution for all forms so you can input multiple files quickly Any file at all pdf using libreoffice, super powerful Sadly makes docker image larger but worth it OCR PDF using ocr my pdf Works awesomely for adding text to a image Improved compression using ocr my pdf app Settings page with custom download options such as - open in same window - open in new window - download - download as zip Update detection in settings page it should show notification if there is a update (very hidden) UI cleanups Add other image formats to PDF to Image Various fies to icons, and pdf.js usage
2023-03-20 22:55:11 +01:00
favourites
2023-05-12 17:47:43 +02:00
<div th:replace="~{fragments/card :: card(id='pdf-to-pdfa', cardTitle=#{home.pdfToPDFA.title}, cardText=#{home.pdfToPDFA.desc}, cardLink='pdf-to-pdfa', svgPath='images/file-earmark-pdf.svg')}"></div>
<div th:replace="~{fragments/card :: card(id='pdf-to-word', cardTitle=#{home.PDFToWord.title}, cardText=#{home.PDFToWord.desc}, cardLink='pdf-to-word', svgPath='images/file-earmark-word.svg')}"></div>
<div th:replace="~{fragments/card :: card(id='pdf-to-presentation', cardTitle=#{home.PDFToPresentation.title}, cardText=#{home.PDFToPresentation.desc}, cardLink='pdf-to-presentation', svgPath='images/file-earmark-ppt.svg')}"></div>
Convert PDF to Docx, powerpoint and others (#90)
2023-04-16 23:03:30 +02:00
favourites
2023-05-12 17:47:43 +02:00
<div th:replace="~{fragments/card :: card(id='pdf-to-text', cardTitle=#{home.PDFToText.title}, cardText=#{home.PDFToText.desc}, cardLink='pdf-to-text', svgPath='images/filetype-txt.svg')}"></div>
<div th:replace="~{fragments/card :: card(id='pdf-to-html', cardTitle=#{home.PDFToHTML.title}, cardText=#{home.PDFToHTML.desc}, cardLink='pdf-to-html', svgPath='images/filetype-html.svg')}"></div>
<div th:replace="~{fragments/card :: card(id='pdf-to-xml', cardTitle=#{home.PDFToXML.title}, cardText=#{home.PDFToXML.desc}, cardLink='pdf-to-xml', svgPath='images/filetype-xml.svg')}"></div>
Convert PDF to Docx, powerpoint and others (#90)
2023-04-16 23:03:30 +02:00
favourites
2023-05-12 17:47:43 +02:00
<div th:replace="~{fragments/card :: card(id='extract-image-scans', cardTitle=#{home.ScannerImageSplit.title}, cardText=#{home.ScannerImageSplit.desc}, cardLink='extract-image-scans', svgPath='images/scanner.svg')}"></div>
<div th:replace="~{fragments/card :: card(id='sign', cardTitle=#{home.sign.title}, cardText=#{home.sign.desc}, cardLink='sign', svgPath='images/sign.svg')}"></div>
<div th:replace="~{fragments/card :: card(id='flatten', cardTitle=#{home.flatten.title}, cardText=#{home.flatten.desc}, cardLink='flatten', svgPath='images/flatten.svg')}"></div>
error handling, excel, bug fixes, name fixes (#57)
2023-02-24 23:47:26 +01:00
favourites
2023-05-12 17:47:43 +02:00
<div th:replace="~{fragments/card :: card(id='repair', cardTitle=#{home.repair.title}, cardText=#{home.repair.desc}, cardLink='repair', svgPath='images/wrench.svg')}"></div>
<div th:replace="~{fragments/card :: card(id='remove-blanks', cardTitle=#{home.removeBlanks.title}, cardText=#{home.removeBlanks.desc}, cardLink='remove-blanks', svgPath='images/blank-file.svg')}"></div>
<div th:replace="~{fragments/card :: card(id='compare', cardTitle=#{home.compare.title}, cardText=#{home.compare.desc}, cardLink='compare', svgPath='images/scales.svg')}"></div>
cahnges
2023-05-22 00:25:34 +02:00
<div th:replace="~{fragments/card :: card(id='cert-sign', cardTitle=#{home.certSign.title}, cardText=#{home.certSign.desc}, cardLink='cert-sign', svgPath='images/award.svg')}"></div>
favourites
2023-05-12 17:47:43 +02:00
<script>
function toggleFavorite(element) {
var img = element.querySelector('img');
var card = element.closest('.feature-card');
var cardId = card.id;
if (img.src.endsWith('star.svg')) {
img.src = 'images/star-fill.svg';
card.classList.add('favorite');
localStorage.setItem(cardId, 'favorite');
} else {
img.src = 'images/star.svg';
card.classList.remove('favorite');
localStorage.removeItem(cardId);
}
reorderCards();
narbar for favorites
2023-05-12 19:16:47 +02:00
updateFavoritesDropdown();
favourites
2023-05-12 17:47:43 +02:00
}
function reorderCards() {
var container = document.querySelector('.features-container');
var cards = Array.from(container.getElementsByClassName('feature-card'));
cards.sort(function(a, b) {
var aIsFavorite = localStorage.getItem(a.id) === 'favorite';
var bIsFavorite = localStorage.getItem(b.id) === 'favorite';
if (aIsFavorite && !bIsFavorite) {
return -1;
}
if (!aIsFavorite && bIsFavorite) {
return 1;
}
return 0;
});
cards.forEach(function(card) {
container.appendChild(card);
});
}
function initializeCards() {
var cards = document.querySelectorAll('.feature-card');
cards.forEach(function(card) {
var cardId = card.id;
var img = card.querySelector('.favorite-icon img');
if (localStorage.getItem(cardId) === 'favorite') {
img.src = 'images/star-fill.svg';
card.classList.add('favorite');
}
});
reorderCards();
narbar for favorites
2023-05-12 19:16:47 +02:00
updateFavoritesDropdown();
favourites
2023-05-12 17:47:43 +02:00
}
window.onload = initializeCards;
</script>
Metadata editting and local only JS and pdf to image change and format pages (#44) * Formatting * changeMeta * pdf to img fix * foramtting * new image * lang changes
2023-02-11 15:27:15 +01:00
</div>
</div>
<div th:insert="~{fragments/footer.html :: footer}"></div>
</div>
Add rotate and compress (#7) * Add files via upload * Update build.gradle * Update general.css
2023-01-29 18:06:53 +01:00
</body>
Update home.html
2023-04-17 18:16:00 +02:00
</html>
Reference in a new issue Copy permalink