Differences
This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
en:hw:007-patron:download-image:03-opensource [2023/03/15 10:31] avsetula old revision restored (2023/03/15 10:28) |
en:hw:007-patron:download-image:03-opensource [2024/01/23 13:56] (current) avsetula |
||
---|---|---|---|
Line 8: | Line 8: | ||
<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> | + | <WRAP center round box> |
- | | _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 | | + | {{ files:software:os-images:patron-opensource-os_image.20220607.0.zip |}} |
- | </tile> */ | + | </WRAP> |
- | + | ||
- | <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="courseImg" style="background-image: url('/_media/files:mervis_reverse.png');"></div> | + | |
- | <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> | + | |
- | </article> | + | |
- | </a> | + | |
- | </div> | + | |
- | </html> | + | |
To install on Patron units, continue with the [[en:hw:007-patron:image|Flash OS]] instructions. | To install on Patron units, continue with the [[en:hw:007-patron:image|Flash OS]] instructions. |