mirror of
https://github.com/safing/web
synced 2025-04-17 17:39:08 +00:00
Update safingTailwind-1.4
This commit is contained in:
Luke
parent
8ca22e86d2
commit
35199118c9
9 changed files with 265285 additions and 264324 deletions
_includes
vendor
|
|
@ -39,5 +39,5 @@
|
|||
<meta name="theme-color" content="#f7f7f7">
|
||||
|
||||
<link rel="stylesheet" href="{{ site.vendor_url }}css/fonts-roboto.css" type="text/css">
|
||||
<link rel="stylesheet" href="{{ site.vendor_url }}safingTailwind/safingTailwind-1.3.css" type="text/css">
|
||||
<link rel="stylesheet" href="{{ site.vendor_url }}safingTailwind/safingTailwind-1.4.css" type="text/css">
|
||||
<link rel="stylesheet" href="{{ site.assets_url }}css/main.css" type="text/css">
|
||||
|
|
|
|||
BIN
vendor/safingTailwind-1.3.zip
vendored
BIN
vendor/safingTailwind-1.3.zip
vendored
Binary file not shown.
BIN
vendor/safingTailwind-1.4.zip
vendored
Normal file
BIN
vendor/safingTailwind-1.4.zip
vendored
Normal file
Binary file not shown.
395
vendor/safingTailwind/docs/docs.html
vendored
395
vendor/safingTailwind/docs/docs.html
vendored
|
|
@ -6,7 +6,7 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="../docs/css/highlight.min.css">
|
||||
<link rel="stylesheet" href="../docs/css/style.css">
|
||||
<link rel="stylesheet" href="../safingTailwind-1.3.css">
|
||||
<link rel="stylesheet" href="../safingTailwind-1.4.css">
|
||||
<script src="../docs/js/vendor/jquery.min.js" type="text/javascript"></script>
|
||||
<script src="../docs/js/vendor/jquery-resizable.js"></script>
|
||||
<script src="../docs/js/vendor/highlight.min.js"></script>
|
||||
|
|
@ -14,7 +14,7 @@
|
|||
</head>
|
||||
<body class="antialiased font-sans font-medium">
|
||||
<div class="alert-primary rounded-none text-md">
|
||||
<span>There will be some stuff missing in this, and also some bugs. <strong>v1.3</strong></span>
|
||||
<span>There will be some stuff missing in this, and also some bugs. <strong>v1.4</strong></span>
|
||||
</div>
|
||||
<div class="flex">
|
||||
<nav class="overflow-y-auto pb-10 pt-20 ml-20 w-56">
|
||||
|
|
@ -100,10 +100,10 @@
|
|||
|
||||
<li id="scss-Default-Alart">
|
||||
<pre><code style="min-height: 200px;" class="language-scss">.alert {
|
||||
@apply bg-gray-500;
|
||||
@apply bg-gray-600;
|
||||
@apply text-white;
|
||||
@apply text-sm;
|
||||
@apply py-5;
|
||||
@apply py-4;
|
||||
@apply px-9;
|
||||
@apply rounded-md;
|
||||
@apply flex;
|
||||
|
|
@ -112,6 +112,10 @@
|
|||
@apply space-x-4;
|
||||
@apply items-center;
|
||||
@apply justify-center;
|
||||
}
|
||||
|
||||
.alert span {
|
||||
@apply text-white;
|
||||
}</code></pre>
|
||||
</li>
|
||||
|
||||
|
|
@ -160,7 +164,7 @@
|
|||
<li id="scss-Primary-Alart">
|
||||
<pre><code style="min-height: 200px;" class="language-scss">.alert-primary {
|
||||
@apply alert;
|
||||
@apply bg-safing-blue-500;
|
||||
@apply bg-safing-blue-600;
|
||||
}
|
||||
|
||||
.alert-primary>.link {
|
||||
|
|
@ -411,6 +415,50 @@
|
|||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="compoent space-y-2">
|
||||
<div id="tabMenu" class="space-y-4">
|
||||
<div class="flex">
|
||||
<div>
|
||||
<span class="title block text-md">Tertiary</span>
|
||||
</div>
|
||||
<ul class="tabs flex space-x-3 ml-auto">
|
||||
<li><a href="#preview-Tertiary-Button">preview</a></li>
|
||||
<li><a href="#html-Tertiary-Button">html</a></li>
|
||||
|
||||
<li><a href="#scss-Tertiary-Button">scss</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="tabs-content">
|
||||
<li id="preview-Tertiary-Button" class="active">
|
||||
<div class="preview-container">
|
||||
<div class="preview-panel-left">
|
||||
<iframe frameborder="0" class="iframe" width="100%" scrolling="no"></iframe>
|
||||
<div class="data items-center flex h-full" style="height: fit-content;">
|
||||
<div class="w-full h-full" style="height: fit-content;">
|
||||
<button class="btn-tertiary">Take back your freedom</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="preview-panel-splitter"></div>
|
||||
</div>
|
||||
</li>
|
||||
<li id="html-Tertiary-Button">
|
||||
<pre><code style="min-height: 200px;" class="language-html"><button class="btn-tertiary">Take back your freedom</button></code></pre>
|
||||
</li>
|
||||
|
||||
<li id="scss-Tertiary-Button">
|
||||
<pre><code style="min-height: 200px;" class="language-scss">.btn-tertiary {
|
||||
@apply btn;
|
||||
@apply text-black;
|
||||
@apply bg-transparent;
|
||||
}</code></pre>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</section><section class="w-full space-y-20" style="max-width: 80rem;">
|
||||
<div class="title space-y-3">
|
||||
<h2 id="card">Card</h2>
|
||||
|
|
@ -622,7 +670,6 @@
|
|||
.card-extended .card .title {
|
||||
@apply pl-0;
|
||||
@apply text-md;
|
||||
@apply opacity-50;
|
||||
}
|
||||
|
||||
.card-extended .wrapper-right,
|
||||
|
|
@ -635,7 +682,7 @@
|
|||
}
|
||||
|
||||
.card-extended .wrapper-right .wrapper-right-profiles,
|
||||
.card .wrapper-right .wrapper-right-profiles{
|
||||
.card .wrapper-right .wrapper-right-profiles {
|
||||
@apply flex;
|
||||
@apply space-x-1;
|
||||
}
|
||||
|
|
@ -665,15 +712,20 @@
|
|||
@apply cursor-auto;
|
||||
}
|
||||
|
||||
.card-extended .card-dropdown-content > h1 {
|
||||
color: #000;
|
||||
.card-extended .card-dropdown-content > h1,
|
||||
.card .card-dropdown-content > h1 {
|
||||
@apply text-black;
|
||||
font-size: 1.1rem;
|
||||
font-weight: 500;
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
|
||||
.card-extended .card-dropdown-content > h1:first-child,
|
||||
.card .card-dropdown-content > h1:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.card-extended .card-dropdown-content > p {
|
||||
color: #545454;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
|
|
@ -682,25 +734,23 @@
|
|||
}
|
||||
|
||||
.card-extended .card-dropdown-content {
|
||||
@apply text-black ;
|
||||
@apply opacity-100;
|
||||
@apply text-md;
|
||||
@apply pl-0;
|
||||
@apply pb-4;
|
||||
}
|
||||
|
||||
.card-extended .card .card-dropdown-content {
|
||||
color: #545454;
|
||||
opacity: 1;
|
||||
.card-extended .card-dropdown-content .card .title{
|
||||
@apply pl-0;
|
||||
}
|
||||
|
||||
.card .card-dropdown-content {
|
||||
@apply text-black ;
|
||||
@apply opacity-50;
|
||||
@apply text-md;
|
||||
@apply pl-0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.card-input-toggle {
|
||||
@apply hidden;
|
||||
}
|
||||
|
|
@ -2469,48 +2519,110 @@
|
|||
</div>
|
||||
<div class="faq-container-bottom">
|
||||
<div class="faq-container-bottom-question">
|
||||
<h1 class="faq-container-bottom-question-title">
|
||||
How do you make money? What is the catch?
|
||||
</h1>
|
||||
<p class="faq-container-bottom-question-desc">
|
||||
In short, our business model is Freemium. First provide local privacy for free,
|
||||
forever. Then let happy users support us by paying for a powerful VPN alternative.
|
||||
Finally reinvest earnings into making all our products better.
|
||||
</p>
|
||||
<div class="faq-container-bottom-question-desc-extra">
|
||||
<a class="link-primary" href="">hello@safing.io</a>
|
||||
<div class="card-faq hover-scale-out">
|
||||
<label class="card-label" for="card-toggle-anchor-2">
|
||||
<div class="wrapper-left">
|
||||
<div class="card-title">
|
||||
<h1 class="title">How do you make money? What is the catch?</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wrapper-right">
|
||||
<i class="icon-arrow"></i>
|
||||
</div>
|
||||
</label>
|
||||
<input class="card-input-toggle" id="card-toggle-anchor-2" type="checkbox">
|
||||
<div class="card-dropdown-toggle">
|
||||
<div class="card-dropdown-content">
|
||||
<p>
|
||||
In short, our business model is Freemium. First provide local privacy for free,
|
||||
forever. Then let happy users support us by paying for a powerful VPN alternative.
|
||||
Finally reinvest earnings into making all our products better.
|
||||
</p>
|
||||
<p>
|
||||
<a class="link-primary" href="">hello@safing.io</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="faq-container-bottom-question">
|
||||
<h1 class="faq-container-bottom-question-title">
|
||||
Since the Portmaster can block ads and trackers, do I still need
|
||||
an ad-blocker for my browser?
|
||||
</h1>
|
||||
<p class="faq-container-bottom-question-desc">
|
||||
Yes, we highly recommend to continue using adblockers, such as uBlock Origin, uMatrix,
|
||||
or similar. They give you more fine grained control over domains. iE you can allow
|
||||
certain domains to allow css files & images while blocking cookies & javascripts. The
|
||||
Portmaster cannot make this distinction.
|
||||
</p>
|
||||
<div class="card-faq hover-scale-out">
|
||||
<label class="card-label" for="card-toggle-anchor-3">
|
||||
<div class="wrapper-left">
|
||||
<div class="card-title">
|
||||
<h1 class="title">
|
||||
Since the Portmaster can block ads and trackers, do I still need
|
||||
an ad-blocker for my browser?
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wrapper-right">
|
||||
<i class="icon-arrow"></i>
|
||||
</div>
|
||||
</label>
|
||||
<input class="card-input-toggle" id="card-toggle-anchor-3" type="checkbox">
|
||||
<div class="card-dropdown-toggle">
|
||||
<div class="card-dropdown-content">
|
||||
<p>
|
||||
Yes, we highly recommend to continue using adblockers, such as uBlock Origin, uMatrix,
|
||||
or similar. They give you more fine grained control over domains. iE you can allow
|
||||
certain domains to allow css files & images while blocking cookies & javascripts. The
|
||||
Portmaster cannot make this distinction.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="faq-container-bottom-question">
|
||||
<h1 class="faq-container-bottom-question-title">
|
||||
What platforms do you support?
|
||||
</h1>
|
||||
<p class="faq-container-bottom-question-desc">
|
||||
Currently we support Windows and Linux. Mac and Mobile are planned, but are further
|
||||
down the road.
|
||||
</p>
|
||||
<div class="card-faq hover-scale-out">
|
||||
<label class="card-label" for="card-toggle-anchor-4">
|
||||
<div class="wrapper-left">
|
||||
<div class="card-title">
|
||||
<h1 class="title">
|
||||
What platforms do you support?
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wrapper-right">
|
||||
<i class="icon-arrow"></i>
|
||||
</div>
|
||||
</label>
|
||||
<input class="card-input-toggle" id="card-toggle-anchor-4" type="checkbox">
|
||||
<div class="card-dropdown-toggle">
|
||||
<div class="card-dropdown-content">
|
||||
<p>
|
||||
Currently we support Windows and Linux. Mac and Mobile are planned, but are further
|
||||
down the road.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="faq-container-bottom-question">
|
||||
<h1 class="faq-container-bottom-question-title">
|
||||
Where can I find your source code?
|
||||
</h1>
|
||||
<p class="faq-container-bottom-question-desc">
|
||||
You can find our code on <a class="link-primary" href="">Github. The Portmaster</a>, the <a class="link-primary" href="">Portmaster UI</a>, the <a class="link-primary" href="">SPN</a>, the <a class="link-primary" href="">docs</a>
|
||||
and <a class="link-primary" href="">this website</a> have their respective repositories. <a class="link-primary" href="">Jess</a>, the heart of the SPN, which
|
||||
got audited by Cure53, can also be found online.
|
||||
</p>
|
||||
<div class="card-faq hover-scale-out">
|
||||
<label class="card-label" for="card-toggle-anchor-5">
|
||||
<div class="wrapper-left">
|
||||
<div class="card-title">
|
||||
<h1 class="title">
|
||||
Where can I find your source code?
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wrapper-right">
|
||||
<i class="icon-arrow"></i>
|
||||
</div>
|
||||
</label>
|
||||
<input class="card-input-toggle" id="card-toggle-anchor-5" type="checkbox">
|
||||
<div class="card-dropdown-toggle">
|
||||
<div class="card-dropdown-content">
|
||||
<p>
|
||||
You can find our code on <a class="link-primary" href="">Github. The Portmaster</a>, the <a class="link-primary" href="">Portmaster UI</a>, the <a class="link-primary" href="">SPN</a>, the <a class="link-primary" href="">docs</a>
|
||||
and <a class="link-primary" href="">this website</a> have their respective repositories. <a class="link-primary" href="">Jess</a>, the heart of the SPN, which
|
||||
got audited by Cure53, can also be found online.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -2533,48 +2645,110 @@
|
|||
</div>
|
||||
<div class="faq-container-bottom">
|
||||
<div class="faq-container-bottom-question">
|
||||
<h1 class="faq-container-bottom-question-title">
|
||||
How do you make money? What is the catch?
|
||||
</h1>
|
||||
<p class="faq-container-bottom-question-desc">
|
||||
In short, our business model is Freemium. First provide local privacy for free,
|
||||
forever. Then let happy users support us by paying for a powerful VPN alternative.
|
||||
Finally reinvest earnings into making all our products better.
|
||||
</p>
|
||||
<div class="faq-container-bottom-question-desc-extra">
|
||||
<a class="link-primary" href="">hello@safing.io</a>
|
||||
<div class="card-faq hover-scale-out">
|
||||
<label class="card-label" for="card-toggle-anchor-2">
|
||||
<div class="wrapper-left">
|
||||
<div class="card-title">
|
||||
<h1 class="title">How do you make money? What is the catch?</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wrapper-right">
|
||||
<i class="icon-arrow"></i>
|
||||
</div>
|
||||
</label>
|
||||
<input class="card-input-toggle" id="card-toggle-anchor-2" type="checkbox">
|
||||
<div class="card-dropdown-toggle">
|
||||
<div class="card-dropdown-content">
|
||||
<p>
|
||||
In short, our business model is Freemium. First provide local privacy for free,
|
||||
forever. Then let happy users support us by paying for a powerful VPN alternative.
|
||||
Finally reinvest earnings into making all our products better.
|
||||
</p>
|
||||
<p>
|
||||
<a class="link-primary" href="">hello@safing.io</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="faq-container-bottom-question">
|
||||
<h1 class="faq-container-bottom-question-title">
|
||||
Since the Portmaster can block ads and trackers, do I still need
|
||||
an ad-blocker for my browser?
|
||||
</h1>
|
||||
<p class="faq-container-bottom-question-desc">
|
||||
Yes, we highly recommend to continue using adblockers, such as uBlock Origin, uMatrix,
|
||||
or similar. They give you more fine grained control over domains. iE you can allow
|
||||
certain domains to allow css files & images while blocking cookies & javascripts. The
|
||||
Portmaster cannot make this distinction.
|
||||
</p>
|
||||
<div class="card-faq hover-scale-out">
|
||||
<label class="card-label" for="card-toggle-anchor-3">
|
||||
<div class="wrapper-left">
|
||||
<div class="card-title">
|
||||
<h1 class="title">
|
||||
Since the Portmaster can block ads and trackers, do I still need
|
||||
an ad-blocker for my browser?
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wrapper-right">
|
||||
<i class="icon-arrow"></i>
|
||||
</div>
|
||||
</label>
|
||||
<input class="card-input-toggle" id="card-toggle-anchor-3" type="checkbox">
|
||||
<div class="card-dropdown-toggle">
|
||||
<div class="card-dropdown-content">
|
||||
<p>
|
||||
Yes, we highly recommend to continue using adblockers, such as uBlock Origin, uMatrix,
|
||||
or similar. They give you more fine grained control over domains. iE you can allow
|
||||
certain domains to allow css files & images while blocking cookies & javascripts. The
|
||||
Portmaster cannot make this distinction.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="faq-container-bottom-question">
|
||||
<h1 class="faq-container-bottom-question-title">
|
||||
What platforms do you support?
|
||||
</h1>
|
||||
<p class="faq-container-bottom-question-desc">
|
||||
Currently we support Windows and Linux. Mac and Mobile are planned, but are further
|
||||
down the road.
|
||||
</p>
|
||||
<div class="card-faq hover-scale-out">
|
||||
<label class="card-label" for="card-toggle-anchor-4">
|
||||
<div class="wrapper-left">
|
||||
<div class="card-title">
|
||||
<h1 class="title">
|
||||
What platforms do you support?
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wrapper-right">
|
||||
<i class="icon-arrow"></i>
|
||||
</div>
|
||||
</label>
|
||||
<input class="card-input-toggle" id="card-toggle-anchor-4" type="checkbox">
|
||||
<div class="card-dropdown-toggle">
|
||||
<div class="card-dropdown-content">
|
||||
<p>
|
||||
Currently we support Windows and Linux. Mac and Mobile are planned, but are further
|
||||
down the road.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="faq-container-bottom-question">
|
||||
<h1 class="faq-container-bottom-question-title">
|
||||
Where can I find your source code?
|
||||
</h1>
|
||||
<p class="faq-container-bottom-question-desc">
|
||||
You can find our code on <a class="link-primary" href="">Github. The Portmaster</a>, the <a class="link-primary" href="">Portmaster UI</a>, the <a class="link-primary" href="">SPN</a>, the <a class="link-primary" href="">docs</a>
|
||||
and <a class="link-primary" href="">this website</a> have their respective repositories. <a class="link-primary" href="">Jess</a>, the heart of the SPN, which
|
||||
got audited by Cure53, can also be found online.
|
||||
</p>
|
||||
<div class="card-faq hover-scale-out">
|
||||
<label class="card-label" for="card-toggle-anchor-5">
|
||||
<div class="wrapper-left">
|
||||
<div class="card-title">
|
||||
<h1 class="title">
|
||||
Where can I find your source code?
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wrapper-right">
|
||||
<i class="icon-arrow"></i>
|
||||
</div>
|
||||
</label>
|
||||
<input class="card-input-toggle" id="card-toggle-anchor-5" type="checkbox">
|
||||
<div class="card-dropdown-toggle">
|
||||
<div class="card-dropdown-content">
|
||||
<p>
|
||||
You can find our code on <a class="link-primary" href="">Github. The Portmaster</a>, the <a class="link-primary" href="">Portmaster UI</a>, the <a class="link-primary" href="">SPN</a>, the <a class="link-primary" href="">docs</a>
|
||||
and <a class="link-primary" href="">this website</a> have their respective repositories. <a class="link-primary" href="">Jess</a>, the heart of the SPN, which
|
||||
got audited by Cure53, can also be found online.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div></code></pre>
|
||||
|
|
@ -2613,14 +2787,14 @@
|
|||
|
||||
.faq-container .faq-container-bottom {
|
||||
@apply element-x-center-max;
|
||||
@apply max-w-7xl;
|
||||
@apply space-y-24;
|
||||
max-width: 85rem;
|
||||
@apply space-y-10;
|
||||
@apply px-4;
|
||||
@apply sm:px-10;
|
||||
@apply md:space-y-0;
|
||||
@apply md:grid;
|
||||
@apply md:grid-cols-2;
|
||||
@apply md:gap-20;
|
||||
@apply md:gap-10;
|
||||
@apply xl:px-0;
|
||||
@apply w-full;
|
||||
}
|
||||
|
|
@ -2638,10 +2812,6 @@
|
|||
@apply text-safing-gray-500;
|
||||
@apply inline-block;
|
||||
}
|
||||
|
||||
.faq-container .faq-container-bottom-question-desc-extra {
|
||||
display: block;
|
||||
}
|
||||
</code></pre>
|
||||
</li>
|
||||
|
||||
|
|
@ -2964,6 +3134,10 @@
|
|||
@apply space-x-12;
|
||||
}
|
||||
|
||||
.footer .footer-category {
|
||||
@apply sm:w-max;
|
||||
}
|
||||
|
||||
.footer .footer-category-title {
|
||||
@apply flex;
|
||||
@apply items-center;
|
||||
|
|
@ -3199,11 +3373,12 @@
|
|||
|
||||
<p><a href="https://world.hey.com/jonas/how-money-dictates-design-decisions-5e866cd9">External Link</a></p>
|
||||
|
||||
<p><a href="/ownership/#influences">Internal Link</a></p>
|
||||
<p><a href="/ownership/#influences">Internal / Link</a></p>
|
||||
|
||||
<p><img src="https://safing.io//assets/img/blog/breaking_chain.png" alt="image displays a chain with many strong links (no meta-data, security, usability) but still breaking at its weak link (business-model))"></p>
|
||||
<p><a href="https://safing.io/esa-bic/">Internal https://safing.io Link</a></p>
|
||||
|
||||
<p><img src="https://safing.io/assets/img/blog/breaking_chain.png" alt="image displays a chain with many strong links (no meta-data, security, usability) but still breaking at its weak link (business-model))"></p>
|
||||
|
||||
|
||||
<!-- Markdown Example -->
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -3235,11 +3410,12 @@
|
|||
|
||||
<p><a href="https://world.hey.com/jonas/how-money-dictates-design-decisions-5e866cd9">External Link</a></p>
|
||||
|
||||
<p><a href="/ownership/#influences">Internal Link</a></p>
|
||||
<p><a href="/ownership/#influences">Internal / Link</a></p>
|
||||
|
||||
<p><img src="https://safing.io//assets/img/blog/breaking_chain.png" alt="image displays a chain with many strong links (no meta-data, security, usability) but still breaking at its weak link (business-model))"></p>
|
||||
<p><a href="https://safing.io/esa-bic/">Internal https://safing.io Link</a></p>
|
||||
|
||||
<p><img src="https://safing.io/assets/img/blog/breaking_chain.png" alt="image displays a chain with many strong links (no meta-data, security, usability) but still breaking at its weak link (business-model))"></p>
|
||||
|
||||
|
||||
<!-- Markdown Example -->
|
||||
</div></code></pre>
|
||||
</li>
|
||||
|
|
@ -3297,15 +3473,19 @@
|
|||
margin-top: 1.25rem;
|
||||
}
|
||||
|
||||
.markdown-container > p {
|
||||
@apply text-safing-gray-600;
|
||||
.markdown-container > p:not(:first-of-type):not(:last-of-type) {
|
||||
margin-top: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.markdown-container > p:not(:first-of-type):not(:last-of-type) {
|
||||
margin-bottom: 1rem;
|
||||
.markdown-container > p:not(:first-of-type) {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.markdown-container > p:not(:last-of-type) {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.markdown-container > p > code {
|
||||
color: #ba00bf;
|
||||
font-size: 0.875rem;
|
||||
|
|
@ -3325,7 +3505,7 @@
|
|||
@apply link-primary;
|
||||
}
|
||||
|
||||
.markdown-container > p > a:not( [href*='safing.io'] ) {
|
||||
.markdown-container > p > a[href^="http"]:not([href*='safing.io']) {
|
||||
@apply link-primary-external;
|
||||
}
|
||||
|
||||
|
|
@ -3340,7 +3520,6 @@
|
|||
}
|
||||
|
||||
.markdown-container > ul {
|
||||
@apply text-safing-gray-600;
|
||||
list-style-type: disc;
|
||||
padding-left: 1.85rem;
|
||||
padding-top: 1.25rem;
|
||||
|
|
@ -3348,7 +3527,6 @@
|
|||
}
|
||||
|
||||
.markdown-container > ol {
|
||||
@apply text-safing-gray-600;
|
||||
list-style-type: decimal;
|
||||
padding-left: 1.85rem;
|
||||
padding-top: 1.25rem;
|
||||
|
|
@ -3361,11 +3539,6 @@
|
|||
margin-top: 1.55rem;
|
||||
opacity: 1;
|
||||
padding-left: 1rem;
|
||||
}
|
||||
|
||||
.markdown-container > em {
|
||||
font-weight: 400;
|
||||
@apply text-safing-gray-600;
|
||||
}</code></pre>
|
||||
</li>
|
||||
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@ function SetUpIframeData() {
|
|||
innerHtml = iframeContents.find('html');
|
||||
innerBody = iframeContents.find('body');
|
||||
innerHead = iframeContents.find('head');
|
||||
innerHead.append('<link rel="stylesheet" href="../safingTailwind-1.3.css">');
|
||||
innerHead.append('<link rel="stylesheet" href="../safingTailwind-1.4.css">');
|
||||
innerBody.append(data)
|
||||
});
|
||||
setTimeout(function(){
|
||||
|
|
|
|||
BIN
vendor/safingTailwind/fonts/safing-icons.ttf
vendored
BIN
vendor/safingTailwind/fonts/safing-icons.ttf
vendored
Binary file not shown.
BIN
vendor/safingTailwind/fonts/safing-icons.woff
vendored
BIN
vendor/safingTailwind/fonts/safing-icons.woff
vendored
Binary file not shown.
264211
vendor/safingTailwind/safingTailwind-1.3.css
vendored
264211
vendor/safingTailwind/safingTailwind-1.3.css
vendored
File diff suppressed because it is too large
Load diff
264999
vendor/safingTailwind/safingTailwind-1.4.css
vendored
Normal file
264999
vendor/safingTailwind/safingTailwind-1.4.css
vendored
Normal file
File diff suppressed because it is too large
Load diff
Loading…
Add table
Reference in a new issue