updated to bootstrap version 5.3.3 + clean up
This commit is contained in:
parent
e26658f957
commit
00c06394ed
GPG key ID:
E416507830068DE8
22 changed files with 9076 additions and 12702 deletions
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 903 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 157 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.6 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 89 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 100 KiB |
710
css/index.html
Normal file
710
css/index.html
Normal file
|
|
@ -0,0 +1,710 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<title>Digital privacy DIY solutions for homes and businesses | DIGITAL PRIVACY .DIY</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
||||
<meta name="description"
|
||||
content="Tutorials: Hosted server solutions, VPN encryption, data backups, phone, desktop and parental controls: DIGITAL PRIVACY .DIY get back your privacy." />
|
||||
<meta name="keywords"
|
||||
content="Server Setup, Email, Digital Privacy, Privacy, VPN, Encryption, Linux, Android, Backup, Parental Control">
|
||||
<meta name="robots" content="index, follow">
|
||||
<meta name="author" content="DIGITAL PRIVACY .DIY" />
|
||||
<link rel="icon" type="image/x-icon" href="assets/img/diy-favicon-white_background.webp" />
|
||||
|
||||
<!-- Fork Awesome icons -->
|
||||
<link rel="stylesheet" href="css/fork-awesome.min.css">
|
||||
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css"
|
||||
integrity="sha256-XoaMnoYC5TH6/+ihMEnospgm0J1PM/nioxbOUdnM8HY=" crossorigin="anonymous"> -->
|
||||
<!-- Core theme CSS (includes Bootstrap)-->
|
||||
<link rel="preload, stylesheet" href="css/styles.css" as="style" />
|
||||
</head>
|
||||
|
||||
<body id="page-top">
|
||||
<!-- Navigation-->
|
||||
<nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav">
|
||||
<div class="container">
|
||||
<a class="navbar-brand" href="#page-top"><img src="assets/img/diy-navbar-logo-white.webp" alt="logo" /></a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive"
|
||||
aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
|
||||
Menu
|
||||
<i class="fas fa-bars ms-1"></i>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarResponsive">
|
||||
<ul class="navbar-nav text-uppercase ms-auto py-4 py-lg-0">
|
||||
<li class="nav-item"><a class="nav-link" href="/news">News</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="https://wiki.digitalprivacy.diy">Wiki</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="#services">Why?</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="#tutorials">Tutorials</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="#freeservices">Services</a></li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
|
||||
data-toggle="dropdown">
|
||||
      <i class="fa fa-language" style="font-size:20px;"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
|
||||
<a class="dropdown-item" href="index-de.html" rel="de_DE">German</a>
|
||||
<a class="dropdown-item" href="#" rel="en_EN">English</a>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- Masthead-->
|
||||
<header class="masthead">
|
||||
<div class="container">
|
||||
<div class="masthead-subheading">Welcome To Our Studio!</div>
|
||||
<div class="masthead-heading text-uppercase">It's Nice To Meet You</div>
|
||||
<a class="btn btn-primary btn-xl text-uppercase" href="#services">Tell Me More</a>
|
||||
</div>
|
||||
</header>
|
||||
<!-- Services-->
|
||||
<section class="page-section" id="services">
|
||||
<div class="container">
|
||||
<div class="text-center">
|
||||
<h2 class="section-heading text-uppercase">Services</h2>
|
||||
<h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur.</h3>
|
||||
</div>
|
||||
<div class="row text-center">
|
||||
<div class="col-md-4">
|
||||
<span class="fa-stack fa-4x">
|
||||
<i class="fas fa-circle fa-stack-2x text-primary"></i>
|
||||
<i class="fas fa-shopping-cart fa-stack-1x fa-inverse"></i>
|
||||
</span>
|
||||
<h4 class="my-3">E-Commerce</h4>
|
||||
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam
|
||||
architecto quo inventore harum ex magni, dicta impedit.</p>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<span class="fa-stack fa-4x">
|
||||
<i class="fas fa-circle fa-stack-2x text-primary"></i>
|
||||
<i class="fas fa-laptop fa-stack-1x fa-inverse"></i>
|
||||
</span>
|
||||
<h4 class="my-3">Responsive Design</h4>
|
||||
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam
|
||||
architecto quo inventore harum ex magni, dicta impedit.</p>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<span class="fa-stack fa-4x">
|
||||
<i class="fas fa-circle fa-stack-2x text-primary"></i>
|
||||
<i class="fas fa-lock fa-stack-1x fa-inverse"></i>
|
||||
</span>
|
||||
<h4 class="my-3">Web Security</h4>
|
||||
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam
|
||||
architecto quo inventore harum ex magni, dicta impedit.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Portfolio Grid-->
|
||||
<section class="page-section bg-light" id="portfolio">
|
||||
<div class="container">
|
||||
<div class="text-center">
|
||||
<h2 class="section-heading text-uppercase">Portfolio</h2>
|
||||
<h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur.</h3>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-4 col-sm-6 mb-4">
|
||||
<!-- Portfolio item 1-->
|
||||
<div class="portfolio-item">
|
||||
<a class="portfolio-link" data-bs-toggle="modal" href="#portfolioModal1">
|
||||
<div class="portfolio-hover">
|
||||
<div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
|
||||
</div>
|
||||
<img class="img-fluid" src="assets/img/portfolio/1.jpg" alt="..." />
|
||||
</a>
|
||||
<div class="portfolio-caption">
|
||||
<div class="portfolio-caption-heading">Threads</div>
|
||||
<div class="portfolio-caption-subheading text-muted">Illustration</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-sm-6 mb-4">
|
||||
<!-- Portfolio item 2-->
|
||||
<div class="portfolio-item">
|
||||
<a class="portfolio-link" data-bs-toggle="modal" href="#portfolioModal2">
|
||||
<div class="portfolio-hover">
|
||||
<div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
|
||||
</div>
|
||||
<img class="img-fluid" src="assets/img/portfolio/2.jpg" alt="..." />
|
||||
</a>
|
||||
<div class="portfolio-caption">
|
||||
<div class="portfolio-caption-heading">Explore</div>
|
||||
<div class="portfolio-caption-subheading text-muted">Graphic Design</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-sm-6 mb-4">
|
||||
<!-- Portfolio item 3-->
|
||||
<div class="portfolio-item">
|
||||
<a class="portfolio-link" data-bs-toggle="modal" href="#portfolioModal3">
|
||||
<div class="portfolio-hover">
|
||||
<div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
|
||||
</div>
|
||||
<img class="img-fluid" src="assets/img/portfolio/3.jpg" alt="..." />
|
||||
</a>
|
||||
<div class="portfolio-caption">
|
||||
<div class="portfolio-caption-heading">Finish</div>
|
||||
<div class="portfolio-caption-subheading text-muted">Identity</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-sm-6 mb-4 mb-lg-0">
|
||||
<!-- Portfolio item 4-->
|
||||
<div class="portfolio-item">
|
||||
<a class="portfolio-link" data-bs-toggle="modal" href="#portfolioModal4">
|
||||
<div class="portfolio-hover">
|
||||
<div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
|
||||
</div>
|
||||
<img class="img-fluid" src="assets/img/portfolio/4.jpg" alt="..." />
|
||||
</a>
|
||||
<div class="portfolio-caption">
|
||||
<div class="portfolio-caption-heading">Lines</div>
|
||||
<div class="portfolio-caption-subheading text-muted">Branding</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-sm-6 mb-4 mb-sm-0">
|
||||
<!-- Portfolio item 5-->
|
||||
<div class="portfolio-item">
|
||||
<a class="portfolio-link" data-bs-toggle="modal" href="#portfolioModal5">
|
||||
<div class="portfolio-hover">
|
||||
<div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
|
||||
</div>
|
||||
<img class="img-fluid" src="assets/img/portfolio/5.jpg" alt="..." />
|
||||
</a>
|
||||
<div class="portfolio-caption">
|
||||
<div class="portfolio-caption-heading">Southwest</div>
|
||||
<div class="portfolio-caption-subheading text-muted">Website Design</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-sm-6">
|
||||
<!-- Portfolio item 6-->
|
||||
<div class="portfolio-item">
|
||||
<a class="portfolio-link" data-bs-toggle="modal" href="#portfolioModal6">
|
||||
<div class="portfolio-hover">
|
||||
<div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
|
||||
</div>
|
||||
<img class="img-fluid" src="assets/img/portfolio/6.jpg" alt="..." />
|
||||
</a>
|
||||
<div class="portfolio-caption">
|
||||
<div class="portfolio-caption-heading">Window</div>
|
||||
<div class="portfolio-caption-subheading text-muted">Photography</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- About-->
|
||||
<section class="page-section" id="about">
|
||||
<div class="container">
|
||||
<div class="text-center">
|
||||
<h2 class="section-heading text-uppercase">About</h2>
|
||||
<h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur.</h3>
|
||||
</div>
|
||||
<ul class="timeline">
|
||||
<li>
|
||||
<div class="timeline-image"><img class="rounded-circle img-fluid" src="assets/img/about/1.jpg"
|
||||
alt="..." /></div>
|
||||
<div class="timeline-panel">
|
||||
<div class="timeline-heading">
|
||||
<h4>2009-2011</h4>
|
||||
<h4 class="subheading">Our Humble Beginnings</h4>
|
||||
</div>
|
||||
<div class="timeline-body">
|
||||
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut
|
||||
voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero
|
||||
unde, sed, incidunt et ea quo dolore laudantium consectetur!</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="timeline-inverted">
|
||||
<div class="timeline-image"><img class="rounded-circle img-fluid" src="assets/img/about/2.jpg"
|
||||
alt="..." /></div>
|
||||
<div class="timeline-panel">
|
||||
<div class="timeline-heading">
|
||||
<h4>March 2011</h4>
|
||||
<h4 class="subheading">An Agency is Born</h4>
|
||||
</div>
|
||||
<div class="timeline-body">
|
||||
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut
|
||||
voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero
|
||||
unde, sed, incidunt et ea quo dolore laudantium consectetur!</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="timeline-image"><img class="rounded-circle img-fluid" src="assets/img/about/3.jpg"
|
||||
alt="..." /></div>
|
||||
<div class="timeline-panel">
|
||||
<div class="timeline-heading">
|
||||
<h4>December 2015</h4>
|
||||
<h4 class="subheading">Transition to Full Service</h4>
|
||||
</div>
|
||||
<div class="timeline-body">
|
||||
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut
|
||||
voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero
|
||||
unde, sed, incidunt et ea quo dolore laudantium consectetur!</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="timeline-inverted">
|
||||
<div class="timeline-image"><img class="rounded-circle img-fluid" src="assets/img/about/4.jpg"
|
||||
alt="..." /></div>
|
||||
<div class="timeline-panel">
|
||||
<div class="timeline-heading">
|
||||
<h4>July 2020</h4>
|
||||
<h4 class="subheading">Phase Two Expansion</h4>
|
||||
</div>
|
||||
<div class="timeline-body">
|
||||
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut
|
||||
voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero
|
||||
unde, sed, incidunt et ea quo dolore laudantium consectetur!</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="timeline-inverted">
|
||||
<div class="timeline-image">
|
||||
<h4>
|
||||
Be Part
|
||||
<br />
|
||||
Of Our
|
||||
<br />
|
||||
Story!
|
||||
</h4>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Team-->
|
||||
<section class="page-section bg-light" id="team">
|
||||
<div class="container">
|
||||
<div class="text-center">
|
||||
<h2 class="section-heading text-uppercase">Our Amazing Team</h2>
|
||||
<h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur.</h3>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-4">
|
||||
<div class="team-member">
|
||||
<img class="mx-auto rounded-circle" src="assets/img/team/1.jpg" alt="..." />
|
||||
<h4>Parveen Anand</h4>
|
||||
<p class="text-muted">Lead Designer</p>
|
||||
<a class="btn btn-dark btn-social mx-2" href="#!" aria-label="Parveen Anand Twitter Profile"><i
|
||||
class="fab fa-twitter"></i></a>
|
||||
<a class="btn btn-dark btn-social mx-2" href="#!" aria-label="Parveen Anand Facebook Profile"><i
|
||||
class="fab fa-facebook-f"></i></a>
|
||||
<a class="btn btn-dark btn-social mx-2" href="#!" aria-label="Parveen Anand LinkedIn Profile"><i
|
||||
class="fab fa-linkedin-in"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="team-member">
|
||||
<img class="mx-auto rounded-circle" src="assets/img/team/2.jpg" alt="..." />
|
||||
<h4>Diana Petersen</h4>
|
||||
<p class="text-muted">Lead Marketer</p>
|
||||
<a class="btn btn-dark btn-social mx-2" href="#!" aria-label="Diana Petersen Twitter Profile"><i
|
||||
class="fab fa-twitter"></i></a>
|
||||
<a class="btn btn-dark btn-social mx-2" href="#!"
|
||||
aria-label="Diana Petersen Facebook Profile"><i class="fab fa-facebook-f"></i></a>
|
||||
<a class="btn btn-dark btn-social mx-2" href="#!"
|
||||
aria-label="Diana Petersen LinkedIn Profile"><i class="fab fa-linkedin-in"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="team-member">
|
||||
<img class="mx-auto rounded-circle" src="assets/img/team/3.jpg" alt="..." />
|
||||
<h4>Larry Parker</h4>
|
||||
<p class="text-muted">Lead Developer</p>
|
||||
<a class="btn btn-dark btn-social mx-2" href="#!" aria-label="Larry Parker Twitter Profile"><i
|
||||
class="fab fa-twitter"></i></a>
|
||||
<a class="btn btn-dark btn-social mx-2" href="#!" aria-label="Larry Parker Facebook Profile"><i
|
||||
class="fab fa-facebook-f"></i></a>
|
||||
<a class="btn btn-dark btn-social mx-2" href="#!" aria-label="Larry Parker LinkedIn Profile"><i
|
||||
class="fab fa-linkedin-in"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-8 mx-auto text-center">
|
||||
<p class="large text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut eaque,
|
||||
laboriosam veritatis, quos non quis ad perspiciatis, totam corporis ea, alias ut unde.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Clients-->
|
||||
<div class="py-5">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-3 col-sm-6 my-3">
|
||||
<a href="#!"><img class="img-fluid img-brand d-block mx-auto" src="assets/img/logos/microsoft.svg"
|
||||
alt="..." aria-label="Microsoft Logo" /></a>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-6 my-3">
|
||||
<a href="#!"><img class="img-fluid img-brand d-block mx-auto" src="assets/img/logos/google.svg"
|
||||
alt="..." aria-label="Google Logo" /></a>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-6 my-3">
|
||||
<a href="#!"><img class="img-fluid img-brand d-block mx-auto" src="assets/img/logos/facebook.svg"
|
||||
alt="..." aria-label="Facebook Logo" /></a>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-6 my-3">
|
||||
<a href="#!"><img class="img-fluid img-brand d-block mx-auto" src="assets/img/logos/ibm.svg"
|
||||
alt="..." aria-label="IBM Logo" /></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Contact-->
|
||||
<section class="page-section" id="contact">
|
||||
<div class="container">
|
||||
<div class="text-center">
|
||||
<h2 class="section-heading text-uppercase">Contact Us</h2>
|
||||
<h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur.</h3>
|
||||
</div>
|
||||
<!-- * * * * * * * * * * * * * * *-->
|
||||
<!-- * * SB Forms Contact Form * *-->
|
||||
<!-- * * * * * * * * * * * * * * *-->
|
||||
<!-- This form is pre-integrated with SB Forms.-->
|
||||
<!-- To make this form functional, sign up at-->
|
||||
<!-- https://startbootstrap.com/solution/contact-forms-->
|
||||
<!-- to get an API token!-->
|
||||
<form id="contactForm" data-sb-form-api-token="API_TOKEN">
|
||||
<div class="row align-items-stretch mb-5">
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<!-- Name input-->
|
||||
<input class="form-control" id="name" type="text" placeholder="Your Name *"
|
||||
data-sb-validations="required" />
|
||||
<div class="invalid-feedback" data-sb-feedback="name:required">A name is required.</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<!-- Email address input-->
|
||||
<input class="form-control" id="email" type="email" placeholder="Your Email *"
|
||||
data-sb-validations="required,email" />
|
||||
<div class="invalid-feedback" data-sb-feedback="email:required">An email is required.</div>
|
||||
<div class="invalid-feedback" data-sb-feedback="email:email">Email is not valid.</div>
|
||||
</div>
|
||||
<div class="form-group mb-md-0">
|
||||
<!-- Phone number input-->
|
||||
<input class="form-control" id="phone" type="tel" placeholder="Your Phone *"
|
||||
data-sb-validations="required" />
|
||||
<div class="invalid-feedback" data-sb-feedback="phone:required">A phone number is required.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="form-group form-group-textarea mb-md-0">
|
||||
<!-- Message input-->
|
||||
<textarea class="form-control" id="message" placeholder="Your Message *"
|
||||
data-sb-validations="required"></textarea>
|
||||
<div class="invalid-feedback" data-sb-feedback="message:required">A message is required.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Submit success message-->
|
||||
<!---->
|
||||
<!-- This is what your users will see when the form-->
|
||||
<!-- has successfully submitted-->
|
||||
<div class="d-none" id="submitSuccessMessage">
|
||||
<div class="text-center text-white mb-3">
|
||||
<div class="fw-bolder">Form submission successful!</div>
|
||||
To activate this form, sign up at
|
||||
<br />
|
||||
<a
|
||||
href="https://startbootstrap.com/solution/contact-forms">https://startbootstrap.com/solution/contact-forms</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Submit error message-->
|
||||
<!---->
|
||||
<!-- This is what your users will see when there is-->
|
||||
<!-- an error submitting the form-->
|
||||
<div class="d-none" id="submitErrorMessage">
|
||||
<div class="text-center text-danger mb-3">Error sending message!</div>
|
||||
</div>
|
||||
<!-- Submit Button-->
|
||||
<div class="text-center"><button class="btn btn-primary btn-xl text-uppercase disabled"
|
||||
id="submitButton" type="submit">Send Message</button></div>
|
||||
</form>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Footer-->
|
||||
<footer class="footer py-4">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-lg-4 text-lg-start">Copyright © Your Website 2023</div>
|
||||
<div class="col-lg-4 my-3 my-lg-0">
|
||||
<a class="btn btn-dark btn-social mx-2" href="#!" aria-label="Twitter"><i
|
||||
class="fab fa-twitter"></i></a>
|
||||
<a class="btn btn-dark btn-social mx-2" href="#!" aria-label="Facebook"><i
|
||||
class="fab fa-facebook-f"></i></a>
|
||||
<a class="btn btn-dark btn-social mx-2" href="#!" aria-label="LinkedIn"><i
|
||||
class="fab fa-linkedin-in"></i></a>
|
||||
</div>
|
||||
<div class="col-lg-4 text-lg-end">
|
||||
<a class="link-dark text-decoration-none me-3" href="#!">Privacy Policy</a>
|
||||
<a class="link-dark text-decoration-none" href="#!">Terms of Use</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- Portfolio Modals-->
|
||||
<!-- Portfolio item 1 modal popup-->
|
||||
<div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="close-modal" data-bs-dismiss="modal"><img src="assets/img/close-icon.svg"
|
||||
alt="Close modal" /></div>
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-8">
|
||||
<div class="modal-body">
|
||||
<!-- Project details-->
|
||||
<h2 class="text-uppercase">Project Name</h2>
|
||||
<p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>
|
||||
<img class="img-fluid d-block mx-auto" src="assets/img/portfolio/1.jpg" alt="..." />
|
||||
<p>Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur
|
||||
adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt
|
||||
repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae,
|
||||
nostrum, reiciendis facere nemo!</p>
|
||||
<ul class="list-inline">
|
||||
<li>
|
||||
<strong>Client:</strong>
|
||||
Threads
|
||||
</li>
|
||||
<li>
|
||||
<strong>Category:</strong>
|
||||
Illustration
|
||||
</li>
|
||||
</ul>
|
||||
<button class="btn btn-primary btn-xl text-uppercase" data-bs-dismiss="modal"
|
||||
type="button">
|
||||
<i class="fas fa-xmark me-1"></i>
|
||||
Close Project
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Portfolio item 2 modal popup-->
|
||||
<div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="close-modal" data-bs-dismiss="modal"><img src="assets/img/close-icon.svg"
|
||||
alt="Close modal" /></div>
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-8">
|
||||
<div class="modal-body">
|
||||
<!-- Project details-->
|
||||
<h2 class="text-uppercase">Project Name</h2>
|
||||
<p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>
|
||||
<img class="img-fluid d-block mx-auto" src="assets/img/portfolio/2.jpg" alt="..." />
|
||||
<p>Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur
|
||||
adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt
|
||||
repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae,
|
||||
nostrum, reiciendis facere nemo!</p>
|
||||
<ul class="list-inline">
|
||||
<li>
|
||||
<strong>Client:</strong>
|
||||
Explore
|
||||
</li>
|
||||
<li>
|
||||
<strong>Category:</strong>
|
||||
Graphic Design
|
||||
</li>
|
||||
</ul>
|
||||
<button class="btn btn-primary btn-xl text-uppercase" data-bs-dismiss="modal"
|
||||
type="button">
|
||||
<i class="fas fa-xmark me-1"></i>
|
||||
Close Project
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Portfolio item 3 modal popup-->
|
||||
<div class="portfolio-modal modal fade" id="portfolioModal3" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="close-modal" data-bs-dismiss="modal"><img src="assets/img/close-icon.svg"
|
||||
alt="Close modal" /></div>
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-8">
|
||||
<div class="modal-body">
|
||||
<!-- Project details-->
|
||||
<h2 class="text-uppercase">Project Name</h2>
|
||||
<p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>
|
||||
<img class="img-fluid d-block mx-auto" src="assets/img/portfolio/3.jpg" alt="..." />
|
||||
<p>Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur
|
||||
adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt
|
||||
repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae,
|
||||
nostrum, reiciendis facere nemo!</p>
|
||||
<ul class="list-inline">
|
||||
<li>
|
||||
<strong>Client:</strong>
|
||||
Finish
|
||||
</li>
|
||||
<li>
|
||||
<strong>Category:</strong>
|
||||
Identity
|
||||
</li>
|
||||
</ul>
|
||||
<button class="btn btn-primary btn-xl text-uppercase" data-bs-dismiss="modal"
|
||||
type="button">
|
||||
<i class="fas fa-xmark me-1"></i>
|
||||
Close Project
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Portfolio item 4 modal popup-->
|
||||
<div class="portfolio-modal modal fade" id="portfolioModal4" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="close-modal" data-bs-dismiss="modal"><img src="assets/img/close-icon.svg"
|
||||
alt="Close modal" /></div>
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-8">
|
||||
<div class="modal-body">
|
||||
<!-- Project details-->
|
||||
<h2 class="text-uppercase">Project Name</h2>
|
||||
<p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>
|
||||
<img class="img-fluid d-block mx-auto" src="assets/img/portfolio/4.jpg" alt="..." />
|
||||
<p>Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur
|
||||
adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt
|
||||
repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae,
|
||||
nostrum, reiciendis facere nemo!</p>
|
||||
<ul class="list-inline">
|
||||
<li>
|
||||
<strong>Client:</strong>
|
||||
Lines
|
||||
</li>
|
||||
<li>
|
||||
<strong>Category:</strong>
|
||||
Branding
|
||||
</li>
|
||||
</ul>
|
||||
<button class="btn btn-primary btn-xl text-uppercase" data-bs-dismiss="modal"
|
||||
type="button">
|
||||
<i class="fas fa-xmark me-1"></i>
|
||||
Close Project
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Portfolio item 5 modal popup-->
|
||||
<div class="portfolio-modal modal fade" id="portfolioModal5" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="close-modal" data-bs-dismiss="modal"><img src="assets/img/close-icon.svg"
|
||||
alt="Close modal" /></div>
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-8">
|
||||
<div class="modal-body">
|
||||
<!-- Project details-->
|
||||
<h2 class="text-uppercase">Project Name</h2>
|
||||
<p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>
|
||||
<img class="img-fluid d-block mx-auto" src="assets/img/portfolio/5.jpg" alt="..." />
|
||||
<p>Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur
|
||||
adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt
|
||||
repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae,
|
||||
nostrum, reiciendis facere nemo!</p>
|
||||
<ul class="list-inline">
|
||||
<li>
|
||||
<strong>Client:</strong>
|
||||
Southwest
|
||||
</li>
|
||||
<li>
|
||||
<strong>Category:</strong>
|
||||
Website Design
|
||||
</li>
|
||||
</ul>
|
||||
<button class="btn btn-primary btn-xl text-uppercase" data-bs-dismiss="modal"
|
||||
type="button">
|
||||
<i class="fas fa-xmark me-1"></i>
|
||||
Close Project
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Portfolio item 6 modal popup-->
|
||||
<div class="portfolio-modal modal fade" id="portfolioModal6" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="close-modal" data-bs-dismiss="modal"><img src="assets/img/close-icon.svg"
|
||||
alt="Close modal" /></div>
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-8">
|
||||
<div class="modal-body">
|
||||
<!-- Project details-->
|
||||
<h2 class="text-uppercase">Project Name</h2>
|
||||
<p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>
|
||||
<img class="img-fluid d-block mx-auto" src="assets/img/portfolio/6.jpg" alt="..." />
|
||||
<p>Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur
|
||||
adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt
|
||||
repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae,
|
||||
nostrum, reiciendis facere nemo!</p>
|
||||
<ul class="list-inline">
|
||||
<li>
|
||||
<strong>Client:</strong>
|
||||
Window
|
||||
</li>
|
||||
<li>
|
||||
<strong>Category:</strong>
|
||||
Photography
|
||||
</li>
|
||||
</ul>
|
||||
<button class="btn btn-primary btn-xl text-uppercase" data-bs-dismiss="modal"
|
||||
type="button">
|
||||
<i class="fas fa-xmark me-1"></i>
|
||||
Close Project
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Bootstrap core JS-->
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Core theme JS-->
|
||||
<script src="js/scripts.js"></script>
|
||||
<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *-->
|
||||
<!-- * * SB Forms JS * *-->
|
||||
<!-- * * Activate your form at https://startbootstrap.com/solution/contact-forms * *-->
|
||||
<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *-->
|
||||
<script src="https://cdn.startbootstrap.com/sb-forms-latest.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
15924
css/styles.css
15924
css/styles.css
File diff suppressed because it is too large
Load diff
|
|
@ -12,8 +12,6 @@
|
|||
|
||||
<!-- Fork Awesome icons -->
|
||||
<link rel="stylesheet" href="css/fork-awesome.min.css">
|
||||
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css"
|
||||
integrity="sha256-XoaMnoYC5TH6/+ihMEnospgm0J1PM/nioxbOUdnM8HY=" crossorigin="anonymous"> -->
|
||||
<!-- Core theme CSS (includes Bootstrap)-->
|
||||
<link rel="preload, stylesheet" href="css/styles.css" as="style" />
|
||||
|
||||
|
|
@ -23,35 +21,29 @@
|
|||
<!-- Navigation-->
|
||||
<nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav">
|
||||
<div class="container">
|
||||
<a class="navbar-brand2 js-scroll-trigger" href="index-de.html#page-top"><img
|
||||
src="assets/img/diy-navbar-logo-white-de.webp" alt="" /></a>
|
||||
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse"
|
||||
data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false"
|
||||
aria-label="Toggle navigation">
|
||||
<a class="navbar-brand" href="index-de.html"><img src="assets/img/diy-navbar-logo-white.webp"
|
||||
alt="logo" /></a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive"
|
||||
aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
|
||||
Menu
|
||||
<i class="fas fa-bars ml-1"></i>
|
||||
<i class="fas fa-bars ms-1"></i>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarResponsive">
|
||||
<ul class="navbar-nav text-uppercase ml-auto">
|
||||
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="/news/de">News</a></li>
|
||||
<li class="nav-item"><a class="nav-link js-scroll-trigger"
|
||||
href="https://wiki.digitalprivacy.diy/de/wiki">Wiki</a></li>
|
||||
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="index.html#services">Warum?</a>
|
||||
<ul class="navbar-nav text-uppercase ms-auto py-4 py-lg-0">
|
||||
<li class="nav-item"><a class="nav-link" href="/news">News</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="https://wiki.digitalprivacy.diy/de/wiki">Wiki</a>
|
||||
</li>
|
||||
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="index.html#tutorials">Tutorials</a>
|
||||
</li>
|
||||
<li class="nav-item"><a class="nav-link js-scroll-trigger"
|
||||
href="index.html#freeservices">Services</a></li>
|
||||
<!-- <li class="nav-item"><a class="nav-link js-scroll-trigger" href="ueber-uns.html">Über Uns</a> -->
|
||||
<li class="nav-item"><a class="nav-link" href="index-de.html#services">Warum?</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="index-de.html#tutorials">Tutorials</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="index-de.html#freeservices">Services</a></li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
|
||||
data-toggle="dropdown">
|
||||
      <i class="fa fa-language" style="font-size:20px;"></i>
|
||||
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"
|
||||
aria-expanded="false"><i class="fa fa-language" style="font-size:20px;"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
|
||||
<a class="dropdown-item" href="#" rel="de_DE">German</a>
|
||||
<a class="dropdown-item" href="privacy-policy.html" rel="en_EN">English</a>
|
||||
</div>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a class="dropdown-item" href="#" rel="de_DE">German</a></li>
|
||||
<li><a class="dropdown-item" href="privacy-policy.html" rel="en_EN">English</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
|
@ -380,27 +372,23 @@ default_policy:
|
|||
<div class="col-lg-4 my-3 my-lg-0">
|
||||
<a class="btn btn-dark btn-social" href="mailto:hello@digitalprivacy.diy">
|
||||
<i class="fa fa-at"></i></a>
|
||||
<a class="btn btn-dark btn-social" href="https://fosstodon.org/@digitalprivacy">
|
||||
<a class="btn btn-dark btn-social" href="https://fosstodon.org/@digitalprivacy" rel="me">
|
||||
<i class="fa fa-mastodon"></i></a>
|
||||
<a class="btn btn-dark btn-social" href="https://chat.digitalprivacy.diy">
|
||||
<i class="fa fa-matrix-org"></i></a>
|
||||
<a class="btn btn-dark btn-social" href="https://git.digitalprivacy.diy/">
|
||||
<i class="fa fa-gitea"></i>
|
||||
<i class="fa fa-code-fork"></i>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-4 text-lg-right">
|
||||
<a href="datenschutzerklaerung.html">Datenschutzerklärung</a>       
|
||||
<a class="mr-3" href="datenschutzerklaerung.html">Datenschutzerklärung</a>
|
||||
<a href="nutzungsbedingungen.html">Nutzungsbedingungen</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- Bootstrap core JS-->
|
||||
<script src="js/jquery.min.js"></script>
|
||||
<script src="js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Third party plugin JS-->
|
||||
<script src="js/jquery.easing.min.js"></script>
|
||||
<!-- Core theme JS-->
|
||||
<script src="js/scripts.js"></script>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -15,41 +15,36 @@
|
|||
|
||||
<!-- Fork Awesome icons -->
|
||||
<link rel="stylesheet" href="css/fork-awesome.min.css">
|
||||
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css"
|
||||
integrity="sha256-XoaMnoYC5TH6/+ihMEnospgm0J1PM/nioxbOUdnM8HY=" crossorigin="anonymous"> -->
|
||||
<!-- Core theme CSS (includes Bootstrap)-->
|
||||
<link rel="preload, stylesheet" href="css/styles.css" as="style" />
|
||||
|
||||
</head>
|
||||
|
||||
<body id="page-top">
|
||||
<!-- Navigation-->
|
||||
<nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav">
|
||||
<div class="container">
|
||||
<a class="navbar-brand js-scroll-trigger" href="#page-top"><img
|
||||
src="assets/img/diy-navbar-logo-white-de.webp" alt="" /></a>
|
||||
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse"
|
||||
data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false"
|
||||
aria-label="Toggle navigation">
|
||||
<a class="navbar-brand" href="#page-top"><img src="assets/img/diy-navbar-logo-white.webp" alt="logo" /></a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive"
|
||||
aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
|
||||
Menu
|
||||
<i class="fa fa-bars ml-1"></i>
|
||||
<i class="fas fa-bars ms-1"></i>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarResponsive">
|
||||
<ul class="navbar-nav text-uppercase ml-auto">
|
||||
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="/news">News</a></li>
|
||||
<li class="nav-item"><a class="nav-link js-scroll-trigger"
|
||||
href="https://wiki.digitalprivacy.diy/de/wiki">Wiki</a></li>
|
||||
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#services">Warum?</a></li>
|
||||
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#tutorials">Tutorials</a></li>
|
||||
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#freeservices">Services</a></li>
|
||||
<ul class="navbar-nav text-uppercase ms-auto py-4 py-lg-0">
|
||||
<li class="nav-item"><a class="nav-link" href="/news">News</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="https://wiki.digitalprivacy.diy">Wiki</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="#services">Warum?</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="#tutorials">Tutorials</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="#freeservices">Services</a></li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
|
||||
data-toggle="dropdown">
|
||||
      <i class="fa fa-language" style="font-size:20px;"></i>
|
||||
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"
|
||||
aria-expanded="false"><i class="fa fa-language" style="font-size:20px;"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
|
||||
<a class="dropdown-item" href="#" rel="de_DE">German</a>
|
||||
<a class="dropdown-item" href="index.html" rel="en_EN">English</a>
|
||||
</div>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a class="dropdown-item" href="#" rel="de_DE">German</a></li>
|
||||
<li><a class="dropdown-item" href="index.html" rel="en_EN">English</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
|
@ -67,7 +62,7 @@
|
|||
gleichzeitig die Datenbank aufzuräumen (vor allem für Matrix).
|
||||
|
||||
Das bedeutet, dass Matrix und unsere Git-Instanz während dieses Prozesses nicht verfügbar sein wird.
|
||||
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
|
||||
<button type="button" class="close" data-bs-dismiss="alert" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div> -->
|
||||
|
|
@ -79,7 +74,7 @@
|
|||
<br>
|
||||
🛡️ <b><a href="https://wiki.digitalprivacy.diy/de/phone/apps/rethinkdns">Rethink DNS + Firewall</a></b>
|
||||
jetzt unter der Kategorie Android
|
||||
<!-- <button type="button" class="close" data-dismiss="alert" aria-label="Close">
|
||||
<!-- <button type="button" class="close" data-bs-dismiss="alert" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button> -->
|
||||
</div>
|
||||
|
|
@ -93,7 +88,7 @@
|
|||
<b>NjT8tY6CSR4yRHIH</b> für <b><a href="https://chat.digitalprivacy.diy">unsere Instanz</a></b> oder einen
|
||||
<u>anderen Client</u> über
|
||||
<b>digitalprivacy.diy</b> (<u>custom server</u>)!
|
||||
<!-- <button type="button" class="close" data-dismiss="alert" aria-label="Close">
|
||||
<!-- <button type="button" class="close" data-bs-dismiss="alert" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button> -->
|
||||
</div>
|
||||
|
|
@ -108,7 +103,7 @@
|
|||
<div class="w-100 text-white">
|
||||
<h1 class="display-6">
|
||||
Willkomen bei DIGITAL PRIVACY </a><i><u>.DIY</u></i><br>
|
||||
Wo Privatsphäre wichtig ist<br><br>
|
||||
Digitale Privatsphäre im Do-it-yourself Stil<br><br>
|
||||
<span style="font-weight: bold;">KONTROLLE KOMMT MIT DEM VOLLEN BESITZ EINES EIGENEN:</span>
|
||||
</h1>
|
||||
<div id="carouselContent" class="carousel slide" data-ride="carousel">
|
||||
|
|
@ -148,10 +143,10 @@
|
|||
gestern, aber die nächstbeste Maßnahme ist heute - überlasse deine digitale Privatsphäre nicht dem
|
||||
Zufall!</h3>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-4 col-sm-6 mb-4">
|
||||
<div class="services-item">
|
||||
<a class="services-link" data-toggle="modal" href="#servicesModal1">
|
||||
<a class="services-link" data-bs-toggle="modal" href="#servicesModal1">
|
||||
<div class="services-hover">
|
||||
<div class="services-hover-content"><i class="fa fa-plus fa-3x"></i></div>
|
||||
</div>
|
||||
|
|
@ -167,7 +162,7 @@
|
|||
|
||||
<div class="col-lg-4 col-sm-6 mb-4">
|
||||
<div class="services-item">
|
||||
<a class="services-link" data-toggle="modal" href="#servicesModal2">
|
||||
<a class="services-link" data-bs-toggle="modal" href="#servicesModal2">
|
||||
<div class="services-hover">
|
||||
<div class="services-hover-content"><i class="fa fa-plus fa-3x"></i></div>
|
||||
</div>
|
||||
|
|
@ -183,7 +178,7 @@
|
|||
|
||||
<div class="col-lg-4 col-sm-6 mb-4 mb-lg-0"><a name="repair"></a>
|
||||
<div class="services-item">
|
||||
<a class="services-link" data-toggle="modal" href="#servicesModal3">
|
||||
<a class="services-link" data-bs-toggle="modal" href="#servicesModal3">
|
||||
<div class="services-hover">
|
||||
<div class="services-hover-content"><i class="fa fa-plus fa-3x"></i></div>
|
||||
</div>
|
||||
|
|
@ -199,7 +194,7 @@
|
|||
|
||||
<div class="center-service col-lg-4 col-sm-6 mb-4 mb-sm-0">
|
||||
<div class="services-item">
|
||||
<a class="services-link" data-toggle="modal" href="#servicesModal4">
|
||||
<a class="services-link" data-bs-toggle="modal" href="#servicesModal4">
|
||||
<div class="services-hover">
|
||||
<div class="services-hover-content"><i class="fa fa-plus fa-3x"></i></div>
|
||||
</div>
|
||||
|
|
@ -590,7 +585,8 @@
|
|||
<div class="services-modal modal fade" id="servicesModal1" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="close-modal" data-dismiss="modal"><img src="assets/img/close-icon.svg" alt="Close modal" />
|
||||
<div class="close-modal" data-bs-dismiss="modal"><img src="assets/img/close-icon.svg"
|
||||
alt="Close modal" />
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
|
|
@ -632,7 +628,7 @@
|
|||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<button class="btn btn-primary" data-dismiss="modal" type="button">
|
||||
<button class="btn btn-primary" data-bs-dismiss="modal" type="button">
|
||||
<i class="fa fa-times mr-1"></i>
|
||||
Zurück
|
||||
</button>
|
||||
|
|
@ -647,7 +643,8 @@
|
|||
<div class="services-modal modal fade" id="servicesModal2" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="close-modal" data-dismiss="modal"><img src="assets/img/close-icon.svg" alt="Close modal" />
|
||||
<div class="close-modal" data-bs-dismiss="modal"><img src="assets/img/close-icon.svg"
|
||||
alt="Close modal" />
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
|
|
@ -687,7 +684,7 @@
|
|||
hauptsächlich auf Linux basiert.
|
||||
</p>
|
||||
<br>
|
||||
<button class="btn btn-primary" data-dismiss="modal" type="button">
|
||||
<button class="btn btn-primary" data-bs-dismiss="modal" type="button">
|
||||
<i class="fa fa-times mr-1"></i>
|
||||
Zurück
|
||||
</button>
|
||||
|
|
@ -702,7 +699,8 @@
|
|||
<div class="services-modal modal fade" id="servicesModal3" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="close-modal" data-dismiss="modal"><img src="assets/img/close-icon.svg" alt="Close modal" />
|
||||
<div class="close-modal" data-bs-dismiss="modal"><img src="assets/img/close-icon.svg"
|
||||
alt="Close modal" />
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
|
|
@ -777,7 +775,7 @@
|
|||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<button class="btn btn-primary" data-dismiss="modal" type="button">
|
||||
<button class="btn btn-primary" data-bs-dismiss="modal" type="button">
|
||||
<i class="fa fa-times mr-1"></i>
|
||||
Zurück
|
||||
</button>
|
||||
|
|
@ -792,7 +790,8 @@
|
|||
<div class="services-modal modal fade" id="servicesModal4" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="close-modal" data-dismiss="modal"><img src="assets/img/close-icon.svg" alt="Zurück modal" />
|
||||
<div class="close-modal" data-bs-dismiss="modal"><img src="assets/img/close-icon.svg"
|
||||
alt="Zurück modal" />
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
|
|
@ -816,7 +815,7 @@
|
|||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<button class="btn btn-primary" data-dismiss="modal" type="button">
|
||||
<button class="btn btn-primary" data-bs-dismiss="modal" type="button">
|
||||
<i class="fa fa-times mr-1"></i>
|
||||
Zurück
|
||||
</button>
|
||||
|
|
@ -828,12 +827,8 @@
|
|||
</div>
|
||||
</div>
|
||||
<!-- Privacy End -->
|
||||
|
||||
<!-- Bootstrap core JS-->
|
||||
<script src="js/jquery.min.js"></script>
|
||||
<script src="js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Third party plugin JS-->
|
||||
<script src="js/jquery.easing.min.js"></script>
|
||||
<!-- Core theme JS-->
|
||||
<script src="js/scripts.js"></script>
|
||||
</body>
|
||||
|
|
|
|||
134
index.html
134
index.html
|
|
@ -15,51 +15,45 @@
|
|||
|
||||
<!-- Fork Awesome icons -->
|
||||
<link rel="stylesheet" href="css/fork-awesome.min.css">
|
||||
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css"
|
||||
integrity="sha256-XoaMnoYC5TH6/+ihMEnospgm0J1PM/nioxbOUdnM8HY=" crossorigin="anonymous"> -->
|
||||
<!-- Core theme CSS (includes Bootstrap)-->
|
||||
<link rel="preload, stylesheet" href="css/styles.css" as="style" />
|
||||
|
||||
</head>
|
||||
|
||||
<body id="page-top">
|
||||
<!-- Navigation-->
|
||||
<nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav">
|
||||
<div class="container">
|
||||
<a class="navbar-brand js-scroll-trigger" href="#page-top"><img src="assets/img/diy-navbar-logo-white.webp"
|
||||
alt="" /></a>
|
||||
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse"
|
||||
data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false"
|
||||
aria-label="Toggle navigation">
|
||||
<a class="navbar-brand" href="#page-top"><img src="assets/img/diy-navbar-logo-white.webp" alt="logo" /></a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive"
|
||||
aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
|
||||
Menu
|
||||
<i class="fa fa-bars ml-1"></i>
|
||||
<i class="fas fa-bars ms-1"></i>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarResponsive">
|
||||
<ul class="navbar-nav text-uppercase ml-auto">
|
||||
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="/news">News</a></li>
|
||||
<li class="nav-item"><a class="nav-link js-scroll-trigger"
|
||||
href="https://wiki.digitalprivacy.diy">Wiki</a></li>
|
||||
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#services">Why?</a></li>
|
||||
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#tutorials">Tutorials</a></li>
|
||||
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#freeservices">Services</a></li>
|
||||
<ul class="navbar-nav text-uppercase ms-auto py-4 py-lg-0">
|
||||
<li class="nav-item"><a class="nav-link" href="/news">News</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="https://wiki.digitalprivacy.diy">Wiki</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="#services">Why?</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="#tutorials">Tutorials</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="#freeservices">Services</a></li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
|
||||
data-toggle="dropdown">
|
||||
      <i class="fa fa-language" style="font-size:20px;"></i>
|
||||
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"
|
||||
aria-expanded="false"><i class="fa fa-language" style="font-size:20px;"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
|
||||
<a class="dropdown-item" href="index-de.html" rel="de_DE">German</a>
|
||||
<a class="dropdown-item" href="#" rel="en_EN">English</a>
|
||||
</div>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a class="dropdown-item" href="index-de.html" rel="de_DE">German</a></li>
|
||||
<li><a class="dropdown-item" href="#" rel="en_EN">English</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- Header -->
|
||||
<!-- Masthead-->
|
||||
<header class="masthead">
|
||||
|
||||
<!-- INFO ALERT -->
|
||||
<!-- NEWS ALERT -->
|
||||
<!-- <div class="alert alert-danger alert-dismissible fade show" role="info">
|
||||
<strong>PostgreSQL Major Update<br></strong>
|
||||
The next server update ("Wednesday around 5pm NZ time (8am UTC)") includes a few hours of downtime.
|
||||
|
|
@ -67,7 +61,7 @@
|
|||
database at the same time (especially for Matrix).
|
||||
|
||||
This means that Matrix and our Git instance will be unavailable during this process.
|
||||
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
|
||||
<button type="button" class="close" data-bs-dismiss="alert" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div> -->
|
||||
|
|
@ -79,7 +73,7 @@
|
|||
<br>
|
||||
🛡️ <b><a href="https://wiki.digitalprivacy.diy/en/phone/apps/rethinkdns">Rethink DNS + Firewall</a></b> now
|
||||
available under the Android category
|
||||
<!-- <button type="button" class="close" data-dismiss="alert" aria-label="Close">
|
||||
<!-- <button type="button" class="close" data-bs-dismiss="alert" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button> -->
|
||||
</div>
|
||||
|
|
@ -92,52 +86,58 @@
|
|||
<i class="fa fa-matrix-org" aria-hidden="true"></i> Matrix <u>registration token</u> <b>NjT8tY6CSR4yRHIH</b>
|
||||
for <b><a href="https://chat.digitalprivacy.diy">our
|
||||
instance</a></b> or <u>another client</u> via <b>digitalprivacy.diy</b> (<u>custom server</u>)!
|
||||
<!-- <button type="button" class="close" data-dismiss="alert" aria-label="Close">
|
||||
<!-- <button type="button" class="close" data-bs-dismiss="alert" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button> -->
|
||||
</div>
|
||||
<!-- INFO END -->
|
||||
|
||||
<!-- NEWS ALERT END -->
|
||||
|
||||
<div class="container">
|
||||
<div class="masthead-subheading text-uppercase">
|
||||
<div class="masthead-heading text-uppercase"><br><br>
|
||||
<img src="assets/img/diy-navbar-logo-white.webp" alt="logo" />
|
||||
</div><br><br>
|
||||
</div>
|
||||
<div class="d-flex h-100 text-center align-items-center">
|
||||
<div class="w-100 text-white">
|
||||
<h1 class="display-6">
|
||||
Welcome to DIGITAL PRIVACY </a><i><u>.DIY</u></i><br>
|
||||
WHERE PRIVACY MATTERS<br><br>
|
||||
Digital privacy in a do-it-yourself manner<br><br>
|
||||
<span style="font-weight: bold;">PEACE OF MIND COMES WITH OWNING YOUR OWN:</span>
|
||||
</h1>
|
||||
<div id="carouselContent" class="carousel slide" data-ride="carousel">
|
||||
<div class="carousel-inner" role="listbox">
|
||||
<div id="carouselExampleAutoplaying" class="carousel slide" data-bs-ride="carousel">
|
||||
<div class="carousel-inner">
|
||||
<div class="carousel-item active text-center p-4">
|
||||
<b><a style="font-size: 1.5rem; color: #ffad45ff;">SERVER</a></b>
|
||||
<b>
|
||||
<p style="font-size: 1.5rem; color: #ffad45ff;">SERVER</p>
|
||||
</b>
|
||||
</div>
|
||||
<div class="carousel-item text-center p-4">
|
||||
<b><a style="font-size: 1.5rem; color: #ffad45ff;">PHONE</a></b>
|
||||
<b>
|
||||
<p style="font-size: 1.5rem; color: #ffad45ff;">Phone</p>
|
||||
</b>
|
||||
</div>
|
||||
<div class="carousel-item text-center p-4">
|
||||
<b><a style="font-size: 1.5rem; color: #ffad45ff;">DESKTOP</a></b>
|
||||
<b>
|
||||
<p style="font-size: 1.5rem; color: #ffad45ff;">Desktop</p>
|
||||
</b>
|
||||
</div>
|
||||
</div>
|
||||
<a class="carousel-control-prev" href="#carouselContent" role="button" data-slide="prev">
|
||||
<span class="carousel-control-prev-icon" aria-hidden="false"></span>
|
||||
<span class="sr-only">Previous</span>
|
||||
</a>
|
||||
<a class="carousel-control-next" href="#carouselContent" role="button" data-slide="next">
|
||||
<span class="carousel-control-next-icon" aria-hidden="false"></span>
|
||||
<span class="sr-only">Next</span>
|
||||
</a>
|
||||
<button class="carousel-control-prev" type="button"
|
||||
data-bs-target="#carouselExampleAutoplaying" data-bs-slide="prev">
|
||||
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
||||
<span class="visually-hidden">Previous</span>
|
||||
</button>
|
||||
<button class="carousel-control-next" type="button"
|
||||
data-bs-target="#carouselExampleAutoplaying" data-bs-slide="next">
|
||||
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
||||
<span class="visually-hidden">Next</span>
|
||||
</button>
|
||||
</div>
|
||||
<br><br><br><br><br><br><br><br>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- Masthead END -->
|
||||
|
||||
<!-- Privacy -->
|
||||
<section class="page-section justify-content-center" id="services">
|
||||
|
|
@ -147,14 +147,14 @@
|
|||
<h3 class="section-subheading text-muted">The most important day to protect yourself online was
|
||||
yesterday, but taking steps today is next best - don’t leave your digital privacy to chance!</h3>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-4 col-sm-6 mb-4">
|
||||
<div class="services-item">
|
||||
<a class="services-link" data-toggle="modal" href="#servicesModal1">
|
||||
<a class="services-link" data-bs-toggle="modal" href="#servicesModal1">
|
||||
<div class="services-hover">
|
||||
<div class="services-hover-content"><i class="fa fa-plus fa-3x"></i></div>
|
||||
</div>
|
||||
<img class="img-fluid" src="assets/img/services/server.webp" alt="" />
|
||||
<img class="img-fluid" src="assets/img/services/server.webp" alt="server" />
|
||||
</a>
|
||||
<div class="services-caption">
|
||||
<div class="services-caption-heading">Server</div>
|
||||
|
|
@ -166,7 +166,7 @@
|
|||
|
||||
<div class="col-lg-4 col-sm-6 mb-4">
|
||||
<div class="services-item">
|
||||
<a class="services-link" data-toggle="modal" href="#servicesModal2">
|
||||
<a class="services-link" data-bs-toggle="modal" href="#servicesModal2">
|
||||
<div class="services-hover">
|
||||
<div class="services-hover-content"><i class="fa fa-plus fa-3x"></i></div>
|
||||
</div>
|
||||
|
|
@ -182,11 +182,11 @@
|
|||
|
||||
<div class="col-lg-4 col-sm-6 mb-4 mb-lg-0"><a name="repair"></a>
|
||||
<div class="services-item">
|
||||
<a class="services-link" data-toggle="modal" href="#servicesModal3">
|
||||
<a class="services-link" data-bs-toggle="modal" href="#servicesModal3">
|
||||
<div class="services-hover">
|
||||
<div class="services-hover-content"><i class="fa fa-plus fa-3x"></i></div>
|
||||
</div>
|
||||
<img class="img-fluid" src="assets/img/services/desktop.webp" alt="" />
|
||||
<img class="img-fluid" src="assets/img/services/desktop.webp" alt="desktop" />
|
||||
</a>
|
||||
<div class="services-caption">
|
||||
<div class="services-caption-heading">Desktop</div>
|
||||
|
|
@ -198,11 +198,11 @@
|
|||
|
||||
<div class="center-service col-lg-4 col-sm-6 mb-4 mb-sm-0">
|
||||
<div class="services-item">
|
||||
<a class="services-link" data-toggle="modal" href="#servicesModal4">
|
||||
<a class="services-link" data-bs-toggle="modal" href="#servicesModal4">
|
||||
<div class="services-hover">
|
||||
<div class="services-hover-content"><i class="fa fa-plus fa-3x"></i></div>
|
||||
</div>
|
||||
<img class="img-fluid" src="assets/img/services/backup.webp" alt="" />
|
||||
<img class="img-fluid" src="assets/img/services/backup.webp" alt="backup" />
|
||||
</a>
|
||||
<div class="services-caption">
|
||||
<div class="services-caption-heading">Backup</div>
|
||||
|
|
@ -601,7 +601,8 @@
|
|||
<div class="services-modal modal fade" id="servicesModal1" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="close-modal" data-dismiss="modal"><img src="assets/img/close-icon.svg" alt="Close modal" />
|
||||
<div class="close-modal" data-bs-dismiss="modal"><img src="assets/img/close-icon.svg"
|
||||
alt="Close modal" />
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
|
|
@ -640,7 +641,7 @@
|
|||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<button class="btn btn-primary" data-dismiss="modal" type="button">
|
||||
<button class="btn btn-primary" data-bs-dismiss="modal" type="button">
|
||||
<i class="fa fa-times mr-1"></i>
|
||||
Close
|
||||
</button>
|
||||
|
|
@ -655,7 +656,8 @@
|
|||
<div class="services-modal modal fade" id="servicesModal2" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="close-modal" data-dismiss="modal"><img src="assets/img/close-icon.svg" alt="Close modal" />
|
||||
<div class="close-modal" data-bs-dismiss="modal"><img src="assets/img/close-icon.svg"
|
||||
alt="Close modal" />
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
|
|
@ -690,7 +692,7 @@
|
|||
based on Linux.
|
||||
</p>
|
||||
<br>
|
||||
<button class="btn btn-primary" data-dismiss="modal" type="button">
|
||||
<button class="btn btn-primary" data-bs-dismiss="modal" type="button">
|
||||
<i class="fa fa-times mr-1"></i>
|
||||
Close
|
||||
</button>
|
||||
|
|
@ -705,7 +707,8 @@
|
|||
<div class="services-modal modal fade" id="servicesModal3" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="close-modal" data-dismiss="modal"><img src="assets/img/close-icon.svg" alt="Close modal" />
|
||||
<div class="close-modal" data-bs-dismiss="modal"><img src="assets/img/close-icon.svg"
|
||||
alt="Close modal" />
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
|
|
@ -775,7 +778,7 @@
|
|||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<button class="btn btn-primary" data-dismiss="modal" type="button">
|
||||
<button class="btn btn-primary" data-bs-dismiss="modal" type="button">
|
||||
<i class="fa fa-times mr-1"></i>
|
||||
Close
|
||||
</button>
|
||||
|
|
@ -790,7 +793,8 @@
|
|||
<div class="services-modal modal fade" id="servicesModal4" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="close-modal" data-dismiss="modal"><img src="assets/img/close-icon.svg" alt="Close modal" />
|
||||
<div class="close-modal" data-bs-dismiss="modal"><img src="assets/img/close-icon.svg"
|
||||
alt="Close modal" />
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
|
|
@ -814,7 +818,7 @@
|
|||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<button class="btn btn-primary" data-dismiss="modal" type="button">
|
||||
<button class="btn btn-primary" data-bs-dismiss="modal" type="button">
|
||||
<i class="fa fa-times mr-1"></i>
|
||||
Close
|
||||
</button>
|
||||
|
|
@ -826,12 +830,8 @@
|
|||
</div>
|
||||
</div>
|
||||
<!-- Privacy End -->
|
||||
|
||||
<!-- Bootstrap core JS-->
|
||||
<script src="js/jquery.min.js"></script>
|
||||
<script src="js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Third party plugin JS-->
|
||||
<script src="js/jquery.easing.min.js"></script>
|
||||
<!-- Core theme JS-->
|
||||
<script src="js/scripts.js"></script>
|
||||
</body>
|
||||
|
|
|
|||
4467
js/all.js
4467
js/all.js
File diff suppressed because one or more lines are too long
8
js/bootstrap.bundle.min.js
vendored
8
js/bootstrap.bundle.min.js
vendored
File diff suppressed because one or more lines are too long
1
js/jquery.easing.min.js
vendored
1
js/jquery.easing.min.js
vendored
|
|
@ -1 +0,0 @@
|
|||
(function(factory){if(typeof define==="function"&&define.amd){define(["jquery"],function($){return factory($)})}else if(typeof module==="object"&&typeof module.exports==="object"){exports=factory(require("jquery"))}else{factory(jQuery)}})(function($){$.easing.jswing=$.easing.swing;var pow=Math.pow,sqrt=Math.sqrt,sin=Math.sin,cos=Math.cos,PI=Math.PI,c1=1.70158,c2=c1*1.525,c3=c1+1,c4=2*PI/3,c5=2*PI/4.5;function bounceOut(x){var n1=7.5625,d1=2.75;if(x<1/d1){return n1*x*x}else if(x<2/d1){return n1*(x-=1.5/d1)*x+.75}else if(x<2.5/d1){return n1*(x-=2.25/d1)*x+.9375}else{return n1*(x-=2.625/d1)*x+.984375}}$.extend($.easing,{def:"easeOutQuad",swing:function(x){return $.easing[$.easing.def](x)},easeInQuad:function(x){return x*x},easeOutQuad:function(x){return 1-(1-x)*(1-x)},easeInOutQuad:function(x){return x<.5?2*x*x:1-pow(-2*x+2,2)/2},easeInCubic:function(x){return x*x*x},easeOutCubic:function(x){return 1-pow(1-x,3)},easeInOutCubic:function(x){return x<.5?4*x*x*x:1-pow(-2*x+2,3)/2},easeInQuart:function(x){return x*x*x*x},easeOutQuart:function(x){return 1-pow(1-x,4)},easeInOutQuart:function(x){return x<.5?8*x*x*x*x:1-pow(-2*x+2,4)/2},easeInQuint:function(x){return x*x*x*x*x},easeOutQuint:function(x){return 1-pow(1-x,5)},easeInOutQuint:function(x){return x<.5?16*x*x*x*x*x:1-pow(-2*x+2,5)/2},easeInSine:function(x){return 1-cos(x*PI/2)},easeOutSine:function(x){return sin(x*PI/2)},easeInOutSine:function(x){return-(cos(PI*x)-1)/2},easeInExpo:function(x){return x===0?0:pow(2,10*x-10)},easeOutExpo:function(x){return x===1?1:1-pow(2,-10*x)},easeInOutExpo:function(x){return x===0?0:x===1?1:x<.5?pow(2,20*x-10)/2:(2-pow(2,-20*x+10))/2},easeInCirc:function(x){return 1-sqrt(1-pow(x,2))},easeOutCirc:function(x){return sqrt(1-pow(x-1,2))},easeInOutCirc:function(x){return x<.5?(1-sqrt(1-pow(2*x,2)))/2:(sqrt(1-pow(-2*x+2,2))+1)/2},easeInElastic:function(x){return x===0?0:x===1?1:-pow(2,10*x-10)*sin((x*10-10.75)*c4)},easeOutElastic:function(x){return x===0?0:x===1?1:pow(2,-10*x)*sin((x*10-.75)*c4)+1},easeInOutElastic:function(x){return x===0?0:x===1?1:x<.5?-(pow(2,20*x-10)*sin((20*x-11.125)*c5))/2:pow(2,-20*x+10)*sin((20*x-11.125)*c5)/2+1},easeInBack:function(x){return c3*x*x*x-c1*x*x},easeOutBack:function(x){return 1+c3*pow(x-1,3)+c1*pow(x-1,2)},easeInOutBack:function(x){return x<.5?pow(2*x,2)*((c2+1)*2*x-c2)/2:(pow(2*x-2,2)*((c2+1)*(x*2-2)+c2)+2)/2},easeInBounce:function(x){return 1-bounceOut(1-x)},easeOutBounce:bounceOut,easeInOutBounce:function(x){return x<.5?(1-bounceOut(1-2*x))/2:(1+bounceOut(2*x-1))/2}})});
|
||||
2
js/jquery.min.js
vendored
2
js/jquery.min.js
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,56 +1,54 @@
|
|||
/*!
|
||||
* Start Bootstrap - Agency v6.0.2 (https://startbootstrap.com/template-overviews/agency)
|
||||
* Copyright 2013-2020 Start Bootstrap
|
||||
* Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-agency/blob/master/LICENSE)
|
||||
*/
|
||||
(function ($) {
|
||||
"use strict"; // Start of use strict
|
||||
* Start Bootstrap - Agency v7.0.12 (https://startbootstrap.com/theme/agency)
|
||||
* Copyright 2013-2023 Start Bootstrap
|
||||
* Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-agency/blob/master/LICENSE)
|
||||
*/
|
||||
//
|
||||
// Scripts
|
||||
//
|
||||
|
||||
// Smooth scrolling using jQuery easing
|
||||
$('a.js-scroll-trigger[href*="#"]:not([href="#"])').click(function () {
|
||||
if (
|
||||
location.pathname.replace(/^\//, "") ==
|
||||
this.pathname.replace(/^\//, "") &&
|
||||
location.hostname == this.hostname
|
||||
) {
|
||||
var target = $(this.hash);
|
||||
target = target.length
|
||||
? target
|
||||
: $("[name=" + this.hash.slice(1) + "]");
|
||||
if (target.length) {
|
||||
$("html, body").animate(
|
||||
{
|
||||
scrollTop: target.offset().top - 72,
|
||||
},
|
||||
1000,
|
||||
"easeInOutExpo"
|
||||
);
|
||||
return false;
|
||||
}
|
||||
window.addEventListener('DOMContentLoaded', event => {
|
||||
|
||||
// Navbar shrink function
|
||||
var navbarShrink = function () {
|
||||
const navbarCollapsible = document.body.querySelector('#mainNav');
|
||||
if (!navbarCollapsible) {
|
||||
return;
|
||||
}
|
||||
});
|
||||
|
||||
// Closes responsive menu when a scroll trigger link is clicked
|
||||
$(".js-scroll-trigger").click(function () {
|
||||
$(".navbar-collapse").collapse("hide");
|
||||
});
|
||||
|
||||
// Activate scrollspy to add active class to navbar items on scroll
|
||||
$("body").scrollspy({
|
||||
target: "#mainNav",
|
||||
offset: 74,
|
||||
});
|
||||
|
||||
// Collapse Navbar
|
||||
var navbarCollapse = function () {
|
||||
if ($("#mainNav").offset().top > 100) {
|
||||
$("#mainNav").addClass("navbar-shrink");
|
||||
if (window.scrollY === 0) {
|
||||
navbarCollapsible.classList.remove('navbar-shrink')
|
||||
} else {
|
||||
$("#mainNav").removeClass("navbar-shrink");
|
||||
navbarCollapsible.classList.add('navbar-shrink')
|
||||
}
|
||||
|
||||
};
|
||||
// Collapse now if page is not at top
|
||||
navbarCollapse();
|
||||
// Collapse the navbar when page is scrolled
|
||||
$(window).scroll(navbarCollapse);
|
||||
})(jQuery); // End of use strict
|
||||
|
||||
// Shrink the navbar
|
||||
navbarShrink();
|
||||
|
||||
// Shrink the navbar when page is scrolled
|
||||
document.addEventListener('scroll', navbarShrink);
|
||||
|
||||
// Activate Bootstrap scrollspy on the main nav element
|
||||
const mainNav = document.body.querySelector('#mainNav');
|
||||
if (mainNav) {
|
||||
new bootstrap.ScrollSpy(document.body, {
|
||||
target: '#mainNav',
|
||||
rootMargin: '0px 0px -40%',
|
||||
});
|
||||
};
|
||||
|
||||
// Collapse responsive navbar when toggler is visible
|
||||
const navbarToggler = document.body.querySelector('.navbar-toggler');
|
||||
const responsiveNavItems = [].slice.call(
|
||||
document.querySelectorAll('#navbarResponsive .nav-link')
|
||||
);
|
||||
responsiveNavItems.map(function (responsiveNavItem) {
|
||||
responsiveNavItem.addEventListener('click', () => {
|
||||
if (window.getComputedStyle(navbarToggler).display !== 'none') {
|
||||
navbarToggler.click();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,46 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<title>Maintenance - DIGITAL PRIVACY .DIY</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
||||
<meta name="description" content="Maintenance: We are currently updating our website" />
|
||||
<meta name="robots" content="noindex, nofollow">
|
||||
<meta name="author" content="DIGITAL PRIVACY .DIY" />
|
||||
<link rel="icon" type="image/x-icon" href="assets/img/diy-favicon-white_background.webp" />
|
||||
|
||||
<!-- Font Awesome icons (free version)-->
|
||||
<script defer src="js/all.js" crossorigin="anonymous"></script>
|
||||
<!-- Core theme CSS (includes Bootstrap)-->
|
||||
<link rel="preload, stylesheet" href="css/styles.css" as="style" />
|
||||
|
||||
</head>
|
||||
|
||||
<body id="page-top">
|
||||
<div class="container"><br><br><br><br>
|
||||
<img src="assets/img/diy-navbar-logo-black.webp" alt="logo" /></a>
|
||||
<header class="masthead-maintenance">
|
||||
<h1>MAINTENANCE WORK</h1>
|
||||
<p>
|
||||
We are currently updating our website.
|
||||
</p>
|
||||
<br><br>
|
||||
<p>Send us an email<br>
|
||||
<a href="mailto:hello@digitalprivacy.diy">hello@digitalprivacy.diy</a>
|
||||
<br><br>
|
||||
<b>Thanks!</b>
|
||||
</p>
|
||||
</header>
|
||||
</div>
|
||||
|
||||
<!-- Bootstrap core JS-->
|
||||
<script src="js/jquery.min.js"></script>
|
||||
<script src="js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Third party plugin JS-->
|
||||
<script src="js/jquery.easing.min.js"></script>
|
||||
<!-- Core theme JS-->
|
||||
<script src="js/scripts.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -12,8 +12,6 @@
|
|||
|
||||
<!-- Fork Awesome icons -->
|
||||
<link rel="stylesheet" href="css/fork-awesome.min.css">
|
||||
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css"
|
||||
integrity="sha256-XoaMnoYC5TH6/+ihMEnospgm0J1PM/nioxbOUdnM8HY=" crossorigin="anonymous"> -->
|
||||
<!-- Core theme CSS (includes Bootstrap)-->
|
||||
<link rel="preload, stylesheet" href="css/styles.css" as="style" />
|
||||
|
||||
|
|
@ -23,34 +21,27 @@
|
|||
<!-- Navigation-->
|
||||
<nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav">
|
||||
<div class="container">
|
||||
<a class="navbar-brand2 js-scroll-trigger" href="index-de.html#page-top"><img
|
||||
src="assets/img/diy-navbar-logo-white-de.webp" alt="" /></a>
|
||||
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse"
|
||||
data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false"
|
||||
aria-label="Toggle navigation">
|
||||
<a class="navbar-brand" href="index-de.html"><img src="assets/img/diy-navbar-logo-white.webp" alt="logo" /></a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive"
|
||||
aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
|
||||
Menu
|
||||
<i class="fas fa-bars ml-1"></i>
|
||||
<i class="fas fa-bars ms-1"></i>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarResponsive">
|
||||
<ul class="navbar-nav text-uppercase ml-auto">
|
||||
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="/news/de">News</a></li>
|
||||
<li class="nav-item"><a class="nav-link js-scroll-trigger"
|
||||
href="https://wiki.digitalprivacy.diy/de/wiki">Wiki</a>
|
||||
</li>
|
||||
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="index.html#services">Warum?</a>
|
||||
</li>
|
||||
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="index.html#tutorials">Tutorials</a>
|
||||
</li>
|
||||
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="index.html#freeservices">Services</a></li>
|
||||
<!-- <li class="nav-item"><a class="nav-link js-scroll-trigger" href="ueber-uns.html">Über Uns</a> -->
|
||||
<ul class="navbar-nav text-uppercase ms-auto py-4 py-lg-0">
|
||||
<li class="nav-item"><a class="nav-link" href="/news">News</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="https://wiki.digitalprivacy.diy/de/wiki">Wiki</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="index-de.html#services">Warum?</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="index-de.html#tutorials">Tutorials</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="index-de.html#freeservices">Services</a></li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown">
|
||||
      <i class="fa fa-language" style="font-size:20px;"></i>
|
||||
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"
|
||||
aria-expanded="false"><i class="fa fa-language" style="font-size:20px;"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
|
||||
<a class="dropdown-item" href="#" rel="de_DE">German</a>
|
||||
<a class="dropdown-item" href="terms-and-conditions.html" rel="en_EN">English</a>
|
||||
</div>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a class="dropdown-item" href="#" rel="de_DE">German</a></li>
|
||||
<li><a class="dropdown-item" href="terms-and-conditions.html" rel="en_EN">English</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
|
@ -69,7 +60,8 @@
|
|||
git instance</a> eingesehen werden.
|
||||
<br />
|
||||
<h1>Rechtliche Hinweise</h1>
|
||||
<p>Wir, die Betreiber dieser Website (www.digitalprivacy.diy) und andere Services (*.digitalprivacy.diy), stellen
|
||||
<p>Wir, die Betreiber dieser Website (www.digitalprivacy.diy) und andere Services (*.digitalprivacy.diy),
|
||||
stellen
|
||||
sie als öffentliche Dienstleistung für unsere Benutzer zur Verfügung.</p>
|
||||
|
||||
<p>Bitte lesen Sie die folgenden Grundregeln, die Ihre Nutzung der Website & Services regeln, sorgfältig durch.
|
||||
|
|
@ -114,8 +106,10 @@
|
|||
rel="license external nofollow noopener">Creative Commons Attribution-ShareAlike 4.0
|
||||
International (CC BY-SA 4.0)</a> lizenziert. Ohne Einschränkung dieser Zusicherungen oder
|
||||
Gewährleistungen hat DIGITAL PRIVACY das Recht (jedoch nicht die Verpflichtung), nach alleinigem Ermessen von
|
||||
DIGITAL PRIVACY (i) Inhalte abzulehnen oder zu entfernen, die nach vernünftigem Ermessen von DIGITAL PRIVACY gegen
|
||||
die Richtlinien von DIGITAL PRIVACY verstoßen oder in irgendeiner Weise schädlich oder anstößig sind, oder (ii)
|
||||
DIGITAL PRIVACY (i) Inhalte abzulehnen oder zu entfernen, die nach vernünftigem Ermessen von DIGITAL PRIVACY
|
||||
gegen
|
||||
die Richtlinien von DIGITAL PRIVACY verstoßen oder in irgendeiner Weise schädlich oder anstößig sind, oder
|
||||
(ii)
|
||||
den Zugang zu und die Nutzung der Website & Services für Einzelpersonen oder juristische Personen aus
|
||||
irgendeinem Grund zu beenden oder zu verweigern. DIGITAL PRIVACY ist nicht verpflichtet, eine Rückerstattung
|
||||
zuvor gezahlter Beträge zu leisten.</p>
|
||||
|
|
@ -247,7 +241,8 @@
|
|||
<h2>9. Beendigung</h2>
|
||||
<p>DIGITAL PRIVACY kann Ihren Zugriff auf die gesamte oder einen Teil der Website & Services jederzeit, mit oder
|
||||
ohne Grund, mit oder ohne Ankündigung mit sofortiger Wirkung beenden. Wenn Sie diesen Vertrag oder Ihr
|
||||
digitalprivacy.diy-Konto (falls Sie eines haben) kündigen möchten, können Sie die Nutzung der Website & Services
|
||||
digitalprivacy.diy-Konto (falls Sie eines haben) kündigen möchten, können Sie die Nutzung der Website &
|
||||
Services
|
||||
einfach einstellen. Alle Bestimmungen dieser Vereinbarung, die aufgrund ihrer Natur die Kündigung
|
||||
überdauern sollten, überdauern die Kündigung, einschließlich, ohne Einschränkung, Eigentumsbestimmungen,
|
||||
Haftungsausschlüsse, Entschädigungszahlungen und Haftungsbeschränkungen.</p>
|
||||
|
|
@ -354,7 +349,7 @@
|
|||
<div class="col-lg-4 my-3 my-lg-0">
|
||||
<a class="btn btn-dark btn-social" href="mailto:hello@digitalprivacy.diy">
|
||||
<i class="fa fa-at"></i></a>
|
||||
<a class="btn btn-dark btn-social" href="https://fosstodon.org/@digitalprivacy">
|
||||
<a class="btn btn-dark btn-social" href="https://fosstodon.org/@digitalprivacy" rel="me">
|
||||
<i class="fa fa-mastodon"></i></a>
|
||||
<a class="btn btn-dark btn-social" href="https://chat.digitalprivacy.diy">
|
||||
<i class="fa fa-matrix-org"></i></a>
|
||||
|
|
@ -363,18 +358,14 @@
|
|||
</a>
|
||||
</div>
|
||||
<div class="col-lg-4 text-lg-right">
|
||||
<a href="datenschutzerklaerung.html">Datenschutzerklärung</a>       
|
||||
<a class="mr-3" href="datenschutzerklaerung.html">Datenschutzerklärung</a>
|
||||
<a href="nutzungsbedingungen.html">Nutzungsbedingungen</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- Bootstrap core JS-->
|
||||
<script src="js/jquery.min.js"></script>
|
||||
<script src="js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Third party plugin JS-->
|
||||
<script src="js/jquery.easing.min.js"></script>
|
||||
<!-- Core theme JS-->
|
||||
<script src="js/scripts.js"></script>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -13,8 +13,6 @@
|
|||
|
||||
<!-- Fork Awesome icons -->
|
||||
<link rel="stylesheet" href="css/fork-awesome.min.css">
|
||||
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css"
|
||||
integrity="sha256-XoaMnoYC5TH6/+ihMEnospgm0J1PM/nioxbOUdnM8HY=" crossorigin="anonymous"> -->
|
||||
<!-- Core theme CSS (includes Bootstrap)-->
|
||||
<link rel="preload, stylesheet" href="css/styles.css" as="style" />
|
||||
|
||||
|
|
@ -24,31 +22,27 @@
|
|||
<!-- Navigation-->
|
||||
<nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav">
|
||||
<div class="container">
|
||||
<a class="navbar-brand2 js-scroll-trigger" href="index-de.html#page-top"><img
|
||||
src="assets/img/diy-navbar-logo-white-de.webp" alt="" /></a>
|
||||
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse"
|
||||
data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false"
|
||||
aria-label="Toggle navigation">
|
||||
<a class="navbar-brand" href="index-de.html"><img src="assets/img/diy-navbar-logo-white.webp" alt="logo" /></a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive"
|
||||
aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
|
||||
Menu
|
||||
<i class="fas fa-bars ml-1"></i>
|
||||
<i class="fas fa-bars ms-1"></i>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarResponsive">
|
||||
<ul class="navbar-nav text-uppercase ml-auto">
|
||||
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="/news">News</a></li>
|
||||
<li class="nav-item"><a class="nav-link js-scroll-trigger"
|
||||
href="https://wiki.digitalprivacy.diy/de/wiki">Wiki</a></li>
|
||||
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#services">Warum?</a></li>
|
||||
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#tutorials">Tutorials</a></li>
|
||||
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#freeservices">Services</a></li>
|
||||
<ul class="navbar-nav text-uppercase ms-auto py-4 py-lg-0">
|
||||
<li class="nav-item"><a class="nav-link" href="/news">News</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="https://wiki.digitalprivacy.diy/de/wiki">Wiki</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="index-de.html#services">Warum?</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="index-de.html#tutorials">Tutorials</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="index-de.html#freeservices">Services</a></li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
|
||||
data-toggle="dropdown">
|
||||
      <i class="fa fa-language" style="font-size:20px;"></i>
|
||||
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"
|
||||
aria-expanded="false"><i class="fa fa-language" style="font-size:20px;"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
|
||||
<a class="dropdown-item" href="#" rel="de_DE">German</a>
|
||||
<a class="dropdown-item" href="pgp-keys.html" rel="en_EN">English</a>
|
||||
</div>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a class="dropdown-item" href="#" rel="de_DE">German</a></li>
|
||||
<li><a class="dropdown-item" href="pgp-keys.html" rel="en_EN">English</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
|
@ -64,7 +58,6 @@
|
|||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<h1>Open PGP Key</h1>
|
||||
<p>
|
||||
Public PGP Key: <a href="https://keys.openpgp.org/search?q=hello@digitalprivacy.diy" target="_blank"
|
||||
|
|
@ -81,9 +74,6 @@
|
|||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
|
@ -105,7 +95,7 @@
|
|||
<div class="col-lg-4 my-3 my-lg-0">
|
||||
<a class="btn btn-dark btn-social" href="mailto:hello@digitalprivacy.diy">
|
||||
<i class="fa fa-at"></i></a>
|
||||
<a class="btn btn-dark btn-social" href="https://fosstodon.org/@digitalprivacy">
|
||||
<a class="btn btn-dark btn-social" href="https://fosstodon.org/@digitalprivacy" rel="me">
|
||||
<i class="fa fa-mastodon"></i></a>
|
||||
<a class="btn btn-dark btn-social" href="https://chat.digitalprivacy.diy">
|
||||
<i class="fa fa-matrix-org"></i></a>
|
||||
|
|
@ -114,18 +104,14 @@
|
|||
</a>
|
||||
</div>
|
||||
<div class="col-lg-4 text-lg-right">
|
||||
<a href="datenschutzerklaerung.html">Datenschutzerklärung</a>       
|
||||
<a class="mr-3" href="datenschutzerklaerung.html">Datenschutzerklärung</a>
|
||||
<a href="nutzungsbedingungen.html">Nutzungsbedingungen</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- Bootstrap core JS-->
|
||||
<script src="js/jquery.min.js"></script>
|
||||
<script src="js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Third party plugin JS-->
|
||||
<script src="js/jquery.easing.min.js"></script>
|
||||
<!-- Core theme JS-->
|
||||
<script src="js/scripts.js"></script>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -12,8 +12,6 @@
|
|||
|
||||
<!-- Fork Awesome icons -->
|
||||
<link rel="stylesheet" href="css/fork-awesome.min.css">
|
||||
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css"
|
||||
integrity="sha256-XoaMnoYC5TH6/+ihMEnospgm0J1PM/nioxbOUdnM8HY=" crossorigin="anonymous"> -->
|
||||
<!-- Core theme CSS (includes Bootstrap)-->
|
||||
<link rel="preload, stylesheet" href="css/styles.css" as="style" />
|
||||
|
||||
|
|
@ -23,31 +21,27 @@
|
|||
<!-- Navigation-->
|
||||
<nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav">
|
||||
<div class="container">
|
||||
<a class="navbar-brand2 js-scroll-trigger" href="index.html#page-top"><img
|
||||
src="assets/img/diy-navbar-logo-white.webp" alt="" /></a>
|
||||
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse"
|
||||
data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false"
|
||||
aria-label="Toggle navigation">
|
||||
<a class="navbar-brand" href="index.html"><img src="assets/img/diy-navbar-logo-white.webp" alt="logo" /></a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive"
|
||||
aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
|
||||
Menu
|
||||
<i class="fas fa-bars ml-1"></i>
|
||||
<i class="fas fa-bars ms-1"></i>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarResponsive">
|
||||
<ul class="navbar-nav text-uppercase ml-auto">
|
||||
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="/news">News</a></li>
|
||||
<li class="nav-item"><a class="nav-link js-scroll-trigger"
|
||||
href="https://wiki.digitalprivacy.diy">Wiki</a></li>
|
||||
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#services">Why?</a></li>
|
||||
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#tutorials">Tutorials</a></li>
|
||||
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#freeservices">Services</a></li>
|
||||
<ul class="navbar-nav text-uppercase ms-auto py-4 py-lg-0">
|
||||
<li class="nav-item"><a class="nav-link" href="/news">News</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="https://wiki.digitalprivacy.diy">Wiki</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="index.html#services">Why?</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="index.html#tutorials">Tutorials</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="index.html#freeservices">Services</a></li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
|
||||
data-toggle="dropdown">
|
||||
      <i class="fa fa-language" style="font-size:20px;"></i>
|
||||
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"
|
||||
aria-expanded="false"><i class="fa fa-language" style="font-size:20px;"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
|
||||
<a class="dropdown-item" href="pgp-keys-de.html" rel="de_DE">German</a>
|
||||
<a class="dropdown-item" href="#" rel="en_EN">English</a>
|
||||
</div>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a class="dropdown-item" href="pgp-keys-de.html" rel="de_DE">German</a></li>
|
||||
<li><a class="dropdown-item" href="#" rel="en_EN">English</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
|
@ -63,7 +57,6 @@
|
|||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<h1>Open PGP Key</h1>
|
||||
<p>
|
||||
Public PGP Key: <a href="https://keys.openpgp.org/search?q=hello@digitalprivacy.diy" target="_blank"
|
||||
|
|
@ -80,9 +73,6 @@
|
|||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
|
@ -104,7 +94,7 @@
|
|||
<div class="col-lg-4 my-3 my-lg-0">
|
||||
<a class="btn btn-dark btn-social" href="mailto:hello@digitalprivacy.diy">
|
||||
<i class="fa fa-at"></i></a>
|
||||
<a class="btn btn-dark btn-social" href="https://fosstodon.org/@digitalprivacy">
|
||||
<a class="btn btn-dark btn-social" href="https://fosstodon.org/@digitalprivacy" rel="me">
|
||||
<i class="fa fa-mastodon"></i></a>
|
||||
<a class="btn btn-dark btn-social" href="https://chat.digitalprivacy.diy">
|
||||
<i class="fa fa-matrix-org"></i></a>
|
||||
|
|
@ -119,12 +109,8 @@
|
|||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- Bootstrap core JS-->
|
||||
<script src="js/jquery.min.js"></script>
|
||||
<script src="js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Third party plugin JS-->
|
||||
<script src="js/jquery.easing.min.js"></script>
|
||||
<!-- Core theme JS-->
|
||||
<script src="js/scripts.js"></script>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -13,8 +13,6 @@
|
|||
|
||||
<!-- Fork Awesome icons -->
|
||||
<link rel="stylesheet" href="css/fork-awesome.min.css">
|
||||
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css"
|
||||
integrity="sha256-XoaMnoYC5TH6/+ihMEnospgm0J1PM/nioxbOUdnM8HY=" crossorigin="anonymous"> -->
|
||||
<!-- Core theme CSS (includes Bootstrap)-->
|
||||
<link rel="preload, stylesheet" href="css/styles.css" as="style" />
|
||||
|
||||
|
|
@ -24,33 +22,27 @@
|
|||
<!-- Navigation-->
|
||||
<nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav">
|
||||
<div class="container">
|
||||
<a class="navbar-brand2 js-scroll-trigger" href="index.html#page-top"><img
|
||||
src="assets/img/diy-navbar-logo-white.webp" alt="" /></a>
|
||||
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse"
|
||||
data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false"
|
||||
aria-label="Toggle navigation">
|
||||
<a class="navbar-brand" href="index.html"><img src="assets/img/diy-navbar-logo-white.webp" alt="logo" /></a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive"
|
||||
aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
|
||||
Menu
|
||||
<i class="fas fa-bars ml-1"></i>
|
||||
<i class="fas fa-bars ms-1"></i>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarResponsive">
|
||||
<ul class="navbar-nav text-uppercase ml-auto">
|
||||
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="/news">News</a></li>
|
||||
<li class="nav-item"><a class="nav-link js-scroll-trigger"
|
||||
href="https://wiki.digitalprivacy.diy">Wiki</a></li>
|
||||
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="index.html#services">Why?</a></li>
|
||||
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="index.html#tutorials">Tutorials</a>
|
||||
</li>
|
||||
<li class="nav-item"><a class="nav-link js-scroll-trigger"
|
||||
href="index.html#freeservices">Services</a></li>
|
||||
<ul class="navbar-nav text-uppercase ms-auto py-4 py-lg-0">
|
||||
<li class="nav-item"><a class="nav-link" href="/news">News</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="https://wiki.digitalprivacy.diy">Wiki</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="index.html#services">Why?</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="index.html#tutorials">Tutorials</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="index.html#freeservices">Services</a></li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
|
||||
data-toggle="dropdown">
|
||||
      <i class="fa fa-language" style="font-size:20px;"></i>
|
||||
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"
|
||||
aria-expanded="false"><i class="fa fa-language" style="font-size:20px;"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
|
||||
<a class="dropdown-item" href="datenschutzerklaerung.html" rel="de_DE">German</a>
|
||||
<a class="dropdown-item" href="#" rel="en_EN">English</a>
|
||||
</div>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a class="dropdown-item" href="datenschutzerklaerung.html" rel="de_DE">German</a></li>
|
||||
<li><a class="dropdown-item" href="#" rel="en_EN">English</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
|
@ -360,12 +352,12 @@ default_policy:
|
|||
<div class="col-lg-4 my-3 my-lg-0">
|
||||
<a class="btn btn-dark btn-social" href="mailto:hello@digitalprivacy.diy">
|
||||
<i class="fa fa-at"></i></a>
|
||||
<a class="btn btn-dark btn-social" href="https://fosstodon.org/@digitalprivacy">
|
||||
<a class="btn btn-dark btn-social" href="https://fosstodon.org/@digitalprivacy" rel="me">
|
||||
<i class="fa fa-mastodon"></i></a>
|
||||
<a class="btn btn-dark btn-social" href="https://chat.digitalprivacy.diy">
|
||||
<i class="fa fa-matrix-org"></i></a>
|
||||
<a class="btn btn-dark btn-social" href="https://git.digitalprivacy.org/">
|
||||
<i class="fa fa-gitea"></i>
|
||||
<a class="btn btn-dark btn-social" href="https://git.digitalprivacy.diy/">
|
||||
<i class="fa fa-code-fork"></i>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-4 text-lg-right">
|
||||
|
|
@ -375,12 +367,8 @@ default_policy:
|
|||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- Bootstrap core JS-->
|
||||
<script src="js/jquery.min.js"></script>
|
||||
<script src="js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Third party plugin JS-->
|
||||
<script src="js/jquery.easing.min.js"></script>
|
||||
<!-- Core theme JS-->
|
||||
<script src="js/scripts.js"></script>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -12,8 +12,6 @@
|
|||
|
||||
<!-- Fork Awesome icons -->
|
||||
<link rel="stylesheet" href="css/fork-awesome.min.css">
|
||||
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css"
|
||||
integrity="sha256-XoaMnoYC5TH6/+ihMEnospgm0J1PM/nioxbOUdnM8HY=" crossorigin="anonymous"> -->
|
||||
<!-- Core theme CSS (includes Bootstrap)-->
|
||||
<link rel="preload, stylesheet" href="css/styles.css" as="style" />
|
||||
|
||||
|
|
@ -23,33 +21,27 @@
|
|||
<!-- Navigation-->
|
||||
<nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav">
|
||||
<div class="container">
|
||||
<a class="navbar-brand2 js-scroll-trigger" href="index.html#page-top"><img
|
||||
src="assets/img/diy-navbar-logo-white.webp" alt="" /></a>
|
||||
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse"
|
||||
data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false"
|
||||
aria-label="Toggle navigation">
|
||||
<a class="navbar-brand" href="index.html"><img src="assets/img/diy-navbar-logo-white.webp" alt="logo" /></a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive"
|
||||
aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
|
||||
Menu
|
||||
<i class="fas fa-bars ml-1"></i>
|
||||
<i class="fas fa-bars ms-1"></i>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarResponsive">
|
||||
<ul class="navbar-nav text-uppercase ml-auto">
|
||||
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="/news">News</a></li>
|
||||
<li class="nav-item"><a class="nav-link js-scroll-trigger"
|
||||
href="https://wiki.digitalprivacy.diy">Wiki</a></li>
|
||||
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="index.html#services">Why?</a></li>
|
||||
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="index.html#tutorials">Tutorials</a>
|
||||
</li>
|
||||
<li class="nav-item"><a class="nav-link js-scroll-trigger"
|
||||
href="index.html#freeservices">Services</a></li>
|
||||
<ul class="navbar-nav text-uppercase ms-auto py-4 py-lg-0">
|
||||
<li class="nav-item"><a class="nav-link" href="/news">News</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="https://wiki.digitalprivacy.diy">Wiki</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="index.html#services">Why?</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="index.html#tutorials">Tutorials</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="index.html#freeservices">Services</a></li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
|
||||
data-toggle="dropdown">
|
||||
      <i class="fa fa-language" style="font-size:20px;"></i>
|
||||
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"
|
||||
aria-expanded="false"><i class="fa fa-language" style="font-size:20px;"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
|
||||
<a class="dropdown-item" href="nutzungsbedingungen.html" rel="de_DE">German</a>
|
||||
<a class="dropdown-item" href="#" rel="en_EN">English</a>
|
||||
</div>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a class="dropdown-item" href="pgp-keys-de.html" rel="de_DE">German</a></li>
|
||||
<li><a class="dropdown-item" href="#" rel="en_EN">English</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
|
@ -341,7 +333,7 @@
|
|||
<div class="col-lg-4 my-3 my-lg-0">
|
||||
<a class="btn btn-dark btn-social" href="mailto:hello@digitalprivacy.diy">
|
||||
<i class="fa fa-at"></i></a>
|
||||
<a class="btn btn-dark btn-social" href="https://fosstodon.org/@digitalprivacy">
|
||||
<a class="btn btn-dark btn-social" href="https://fosstodon.org/@digitalprivacy" rel="me">
|
||||
<i class="fa fa-mastodon"></i></a>
|
||||
<a class="btn btn-dark btn-social" href="https://chat.digitalprivacy.diy">
|
||||
<i class="fa fa-matrix-org"></i></a>
|
||||
|
|
@ -356,12 +348,8 @@
|
|||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- Bootstrap core JS-->
|
||||
<script src="js/jquery.min.js"></script>
|
||||
<script src="js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Third party plugin JS-->
|
||||
<script src="js/jquery.easing.min.js"></script>
|
||||
<!-- Core theme JS-->
|
||||
<script src="js/scripts.js"></script>
|
||||
</body>
|
||||
|
|
|
|||
Loading…
Reference in a new issue