onny/witas-ka
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

local packaging for asset files

Browse source
This commit is contained in:
Jonas Heinrich 2024-02-22 15:34:01 +01:00
parent e06e7f5593
commit 834c66ffa8
6 changed files with 3689 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

49
index.html
View file

@ -1,15 +1,13 @@
<!DOCTYPE html>
<html>
<head>
<title>Questionnaire Wizard</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js"></script>
<script src="https://unpkg.com/feather-icons"></script>
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
<link rel="stylesheet" href="https://nigelotoole.github.io/progress-tracker/styles/progress-tracker.css">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
<title>Questionnaire Wizard</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="assets/js/bootstrap.bundle.min.js"></script>
<script src="assets/feather.min.js"></script>
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/styles/progress-tracker.css">
</head>
<body>
<div class="questionaire">
@ -89,25 +87,25 @@
<div class="contact">
<ul class="social-links mb-0">
<li class="entry-phone hide">
<i class="fa fa-phone"></i>
<i class="fi-phone" data-feather="phone"></i>
<a href="">
<span></span>
</a>
</li>
<li class="entry-envelope hide">
<i class="fa fa-envelope"></i>
<i class="fi-envelope" data-feather="mail"></i>
<a href="">
<span></span>
</a>
</li>
<li class="entry-home hide">
<i class="fa fa-home"></i>
<i class="fi-home" data-feather="home"></i>
<a target=new href="">
<span></span>
</a>
</li>
<li class="entry-map hide">
<i class="fa fa-map"></i>
<i class="fi-map" data-feather="map"></i>
<a target=new href="">
<span></span>
</a>
@ -342,6 +340,11 @@
display: flex;
flex-direction: column;
}
.card-body svg {
height: 1rem;
stroke-width: 2;
min-width: 2rem;
}
.m-b-30 {
margin-bottom: 30px;
}
@ -359,7 +362,8 @@
color: rgba(33, 37, 41, 0.75);
display: flex;
flex-direction: row;
gap: 0.5rem 1rem;
align-items: center;
gap: 0.5rem;
}
.social-links li a {
color: rgba(33, 37, 41, 0.75);
@ -629,14 +633,14 @@
template.querySelector('.media-body h5').textContent = name;
template.querySelector('.media-body p').textContent = title;
template.querySelector('.fa-phone + a').textContent = tel;
template.querySelector('.fa-phone + a').href = 'tel:' + tel;
template.querySelector('.fa-envelope + a').textContent = mail;
template.querySelector('.fa-envelope + a').href = 'mailto:' + mail;
template.querySelector('.fa-home + a').textContent = web;
template.querySelector('.fa-home + a').href = 'https://' + web;
template.querySelector('.fa-map + a').textContent = address;
template.querySelector('.fa-map + a').href = 'https://www.google.de/maps/place/' + address;
template.querySelector('.fi-phone + a').textContent = tel;
template.querySelector('.fi-phone + a').href = 'tel:' + tel;
template.querySelector('.fi-envelope + a').textContent = mail;
template.querySelector('.fi-envelope + a').href = 'mailto:' + mail;
template.querySelector('.fi-home + a').textContent = web;
template.querySelector('.fi-home + a').href = 'https://' + web;
template.querySelector('.fi-map + a').textContent = address;
template.querySelector('.fi-map + a').href = 'https://www.google.de/maps/place/' + address;
if (tel) {
template.querySelector('.entry-phone').classList.remove('hide');
@ -653,6 +657,7 @@
var questionContainer = document.getElementById('questionContainer');
questionContainer.appendChild(template);
feather.replace();
}
function displayQuestion(questionId=1) {