IN1060 - Bruksorientert design

Juvo

Kode p? GitHub Demo-video Presentasjon 1 Presentasjon 2 Prosjektrapport Teknisk rapport
Bildet kan inneholde: r?d, skrifttype, symbol, design.
Bildet kan inneholde: deling, samtale, design.
Bildet kan inneholde: maskin, kontorrekvisita.
Bildet kan inneholde: skulder, aktiv skjorte, lykke.
Bildet kan inneholde: triangel.
Bildet kan inneholde: skrifttype, papirprodukt, papir.
Bildet kan inneholde: kontorrekvisita.
Bildet kan inneholde: tekst.
Bildet kan inneholde: kontorrekvisita, kontorutstyr, dings, triangel.
Bildet kan inneholde: eske, dings, plast.
<link href="/studier/emner/matnat/ifi/IN1060/v25/prosjektgrupper/Juvo/styles.css" rel="stylesheet"/> <style type="text/css">body { background-color: #FEF5EA; background-size: cover; background-repeat: no-repeat; background-position: center; font-family: Arial, sans-serif; } .glass-container { background: linear-gradient(to top right, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.2)), rgba(255, 255, 255, 0.5); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); border-radius: 10px; border: 2px solid rgba(255, 255, 255, 0.3); box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); padding: 20px; margin-bottom: 30px; } .image-container_hdr { max-width: 800px; margin: 0 auto; border-radius: 15px; overflow: hidden; display: flex; justify-content: flex-start; } .image-gallery img, .special-image-gallery img { height: 200px; width: auto; object-fit: contain; transition: transform 0.3s ease; cursor: pointer; border-radius: 8px; } .image-gallery img:hover, .special-image-gallery img:hover { transform: scale(1.2); z-index: 2; } .special-image-box { display: block; width: 100%; margin: 10px auto; background: white; border: 1px solid #ccc; border-radius: 5px; text-align: center; padding: 5px; box-sizing: border-box; overflow: hidden; position: relative; } <style> <p><a data-cke-saved-href="/studier/emner/matnat/ifi/IN1060/v25/prosjektgrupper/Juvo/juvo_oblig1.pdf" href="/studier/emner/matnat/ifi/IN1060/v25/prosjektgrupper/Juvo/juvo_oblig1.pdf">Presentasjon</a> - Oblig 1</p> <p><a data-cke-saved-href="/studier/emner/matnat/ifi/IN1060/v25/prosjektgrupper/Juvo/in1060-juvo-oblig3-2.pdf" href="/studier/emner/matnat/ifi/IN1060/v25/prosjektgrupper/Juvo/in1060-juvo-oblig3-2.pdf">Presentasjon</a> - Oblig 3</p> </div> </div> </style> </div> </div> <div class="vrtx-date-info"> <span class="published-date-label">Publisert</span> <span class="published-date">24. feb. 2025 11:02 </span> <span class="separator-date"> - </span> <span class="last-modified-date">Sist endret</span> <span class="last-modified-date">13. juni 2025 23:53</span> </div> <div class="vrtx-social-components"> <a class="vrtx-email-friend" title='Del p? e-post' href="mailto:?subject=Juvo&body=https%3A%2F%2Fwww.uio.no%2Fstudier%2Femner%2Fmatnat%2Fifi%2FIN1060%2Fv25%2Fprosjektgrupper%2FJuvo%2Findex.html"> Del p? e-post</a> <div class="vrtx-share-at-component"> <ul> <li class="vrtx-share-at-Facebook"> <a href="https://www.facebook.com/sharer.php?u=https%3A%2F%2Fwww.uio.no%2Fstudier%2Femner%2Fmatnat%2Fifi%2FIN1060%2Fv25%2Fprosjektgrupper%2FJuvo%2Findex.html" target="_blank" class="facebook"> Del p? Facebook</a> </li> <li class="vrtx-share-at-X"> <a href="https://x.com/intent/tweet?text=Juvo&amp;url=https%3A%2F%2Fwww.uio.no%2Fstudier%2Femner%2Fmatnat%2Fifi%2FIN1060%2Fv25%2Fprosjektgrupper%2FJuvo%2Findex.html" target="_blank" class="x"> Del p? X</a> </li> </ul> </div> </div> </div> </div> <!--stopindex--> </main> </div> <!-- Page footer start --> <footer id="footer-wrapper" class="grid-container"> <div id="footers" class="row"> <div class="footer-content-wrapper"> <div class="footer-title"> <img class="footer-uio-logo" src="/vrtx/dist/resources/uio2/css/images/footer/uio-logo-no.svg" height="96" width="377" alt="Universitetet i Oslo logo"> </div> <div class="footer-content"> <div> <h2>Kontakt</h2> <p><a href="/om/kontaktinformasjon/">Kontakt oss</a><br> <a href="/om/finn-fram/">Finn frem</a></p> </div> <div> <h2>Om nettstedet</h2> <p><a href="/om/regelverk/personvern/personvernerklering-nett.html">Bruk av informasjonskapsler</a><br> <a href="/studier/emner/matnat/ifi/IN1060/v25/prosjektgrupper/Juvo/ https:/uustatus.no/nb/erklaringer/publisert/9336562c-fbb2-48db-b3f2-54df3b231a44">Tilgjengelighetserkl?ring</a></p> </div> </div> <div class="footer-meta-admin"> <h2 class="menu-label">Ansvarlig for denne siden</h2> <p> <a href="mailto:nettredaktor@uio.no">澳门皇冠体育,皇冠足球比分edakt?r</a> </p> <div class="vrtx-login-manage-component"> <a href="/studier/emner/matnat/ifi/IN1060/v25/prosjektgrupper/Juvo/index.html?authTarget" class="vrtx-login-manage-link" rel="nofollow"> Logg inn </a> </div> </div> </div> </div> </footer> <!--a4d1bc0e1742c08b--><script style="display: none;"> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https'){ bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else{ bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script><!--/a4d1bc0e1742c08b--></body> </html>