ariketak

ariketa-02/public/css/styles.css

@@ -0,0 +1,43 @@
+.edukiontzia {
+	display: table;
+	margin:auto;
+}
+
+.item1 { grid-area: irudi1; }
+.item2 { grid-area: irudi2; }
+.item3 { grid-area: irudi3; }
+
+.irudi_1, .irudi_2, .irudi_3 {
+	width: 180px;
+}
+
+.irudiak{
+  display: grid;
+  grid-template-areas:
+    'irudi1 irudi2 irudi3';
+  grid-gap: 10px;
+  padding: 10px;
+  width: max-content;
+}
+
+
+@media only screen and (max-width: 480px) {
+	.irudiak{
+		grid-template-areas: 
+			'irudi1'
+			'irudi2'
+			'irudi3';
+	}
+}
+@media only screen and (max-width: 640px) {
+	.irudi{
+		width: 200px;
+	}
+}
+
+a {
+	text-decoration: none;
+}
+a:visited {
+	color: blue;
+}

ariketa-02/public/js/script.js

@@ -0,0 +1,20 @@
+
+
+function getCookie(name) {
+    var v = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)');
+    return v ? v[2] : null;
+}
+
+var logged = document.getElementById('logged');
+var unknown = document.getElementById('unknown');
+
+if(document.cookie.includes("username")){
+
+	console.log(getCookie('username'));
+	logged.style.display= 'block';
+	unknown.style.display = 'none';
+	document.getElementsByTagName('h1')[0].innerHTML = "Kaixo " + getCookie('username') + "!!";
+}else{
+	logged.style.display = 'none';
+	unknown.style.display = 'block';
+}