Differences

This shows you the differences between two versions of the page.

--- en:hw:007-patron:download-image:03-opensource [2021/07/30 07:41]
lpolcerova
+++ en:hw:007-patron:download-image:03-opensource [2023/03/15 10:31]
avsetula
@@ Line 1: / Line 1: @@
-====== OpenSource OS ======
+====== Opensource OS ======
 {{ :en:sw:unipi_opensource.png?nolink |}}
-OpenSource OS (earlier UniPian) is an operating system based on Linux Debian.
+Opensource OS (earlier UniPian) is an operating system based on Linux Debian.
 ----
-<html><span class="kbBlueText">Up-to-date OpenSource OS image for Patron units:</span></html>
+<html><span class="kbBlueText">Up-to-date Opensource OS image for Patron units:</span></html>
-{{page>files:software:os-images:patron-opensource-os-hidden}}
+/* {{page>files:software:os-images:patron-opensource-os-hidden}}
+<tile>
+| _media/files:software:os-images:patron-opensource-os_image.20220607.0.zip  | Patron <br>Opensource OS <br>20220607.0  | :en:files:unipi-kb-icon-os2.png  |
+</tile> */
+<html>
+	<style>
+		div#cover{
+			width: 100%;
+			height: 100%;
+			margin: 0 auto;
+			padding: 15px;
+			box-sizing: border-box;
+			font-family: NeuzeitGrotesk;
+		}
+		div#cover article{
+			width: 100%;
+			min-height: 200px;
+			margin: 15px 0;
+			box-sizing: border-box;
+			border: 2px solid #F1F1F1;
+			background-color: #F1F1F1;
+			cursor: pointer;
+			text-decoration: none;
+			color: #000;
+		}
+		div#cover > div.separator{
+			width: 100%;
+			height: 2px;
+			box-sizing: border-box;
+			background-color: #ccc;
+		}
+		div.courseImg{
+			width: 30%;
+			min-height: inherit;
+			background-position: center;
+			background-repeat: no-repeat;
+			background-size: contain;
+			background-color: #fff;
+			float: left;
+			display: inline-block;
+		}
+		div.flagNew{
+			width: 100%;
+			min-height: inherit;
+			background-image: url('/_media/files:flagNew.png');
+			background-position: center;
+			background-repeat: no-repeat;
+			background-size: contain;
+		}
+		div.courseInfo{
+			width: 70%;
+			min-height: inherit;
+			padding-left: 15px;
+			box-sizing: border-box;
+			display: inline-block;
+		}
+		div.heading{
+			margin: 8px 0;
+			font-size: 25px;
+			font-weight: bold;
+		}
+		div.description{
+			padding-bottom: 10px;
+			font-size: 16px;
+		}
+		div.detail{
+			font-size: 14px;
+		}
+		div.tagsBox{
+			font-size: 14px;
+		}
+			span.programmer{
+				background-color: #1a9368;
+			}
+			span.technican{
+				background-color: #017ebe;
+			}
+		div.tagsBox > span{
+			border-radius: 25px;
+			color: #fff;
+			padding: 0.5px 10px 0 10px;
+		}
+		a:has(> div.tagsBox > span) {text-decoration: none!important;}
+		@font-face {
+			font-family: NeuzeitGrotesk;
+			src: url(NeuzeitGroteskTOT-Reg.otf);
+		}
+	</style>
+	<div id="cover">
+		<a href="#Mervis">
+			<article onmouseenter="this.style.backgroundColor='#DEDEDE';this.style.borderColor='#DEDEDE'" onmouseleave="this.style.backgroundColor='#F1F1F1';this.style.borderColor='#F1F1F1'">
+				<div class="courseInfo">
+					<div class="heading">Mervis pro začátečníky a mírně pokročilé</div>
+					<div class="description">Zahrnuje tvorbu prvního projektu včetně konfigurace jednotky, ukládání historie do Mervis DB, připojení pomocí Mervis Proxy, zkomunikování periferií a tvorby programu.</div>
+					<div class="description detail">Celkem 5 hodin • 4 bloky • CZ/EN</div>
+					<div class="tagsBox">
+						<span class="programmer">Programátor</span>
+						<span class="technican">Instalační technik</span>
+					</div>
+				</div>
+				<div class="courseImg" style="background-image: url('/_media/files:mervis_reverse.png');"></div>
+			</article>
+		</a>
+	</div>
+</html>
 To install on Patron units, continue with the [[en:hw:007-patron:image|Flash OS]] instructions.