From 07c7e3e02174fd1a7d6ad7e2e42763d544253ca9 Mon Sep 17 00:00:00 2001 From: Tomas Gonzalez <56565994+tommygonzaleza@users.noreply.github.com> Date: Fri, 4 Oct 2024 16:50:45 +0000 Subject: [PATCH] Postcard ready with styles --- .learn/telemetry.json | 1 + index.html | 32 +++++++++++++++++++++++++ styles.css | 55 +++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 88 insertions(+) create mode 100644 .learn/telemetry.json create mode 100644 index.html create mode 100644 styles.css diff --git a/.learn/telemetry.json b/.learn/telemetry.json new file mode 100644 index 00000000..9b172281 --- /dev/null +++ b/.learn/telemetry.json @@ -0,0 +1 @@ +{"telemetry_id":"as9lbxcie37o93wb","slug":"exercise-postcard","agent":"vscode","tutorial_started_at":1728060006087,"steps":[{"slug":"00-welcome","position":0,"files":[{"path":".learn/exercises/00-welcome/README.es.md","name":"README.es.md","hidden":true},{"path":".learn/exercises/00-welcome/README.md","name":"README.md","hidden":true}],"ai_interactions":[],"compilations":[],"tests":[],"is_testeable":false},{"slug":"01-design","position":1,"files":[{"path":".learn/exercises/01-design/README.es.md","name":"README.es.md","hidden":true},{"path":".learn/exercises/01-design/README.md","name":"README.md","hidden":true}],"ai_interactions":[],"compilations":[],"tests":[],"is_testeable":false,"opened_at":1728060165047,"completed_at":1728060165564},{"slug":"02-create-index","position":2,"files":[{"path":".learn/exercises/02-create-index/README.es.md","name":"README.es.md","hidden":true},{"path":".learn/exercises/02-create-index/README.md","name":"README.md","hidden":true},{"path":".learn/exercises/02-create-index/test.js","name":"test.js","hidden":true}],"ai_interactions":[],"compilations":[],"tests":[],"is_testeable":true,"opened_at":1728060165564},{"slug":"03-add-first-html","position":3,"files":[{"path":".learn/exercises/03-add-first-html/README.es.md","name":"README.es.md","hidden":true},{"path":".learn/exercises/03-add-first-html/README.md","name":"README.md","hidden":true}],"ai_interactions":[],"compilations":[],"tests":[],"is_testeable":false,"opened_at":1728060165721,"completed_at":1728060260135},{"slug":"04-build-the-website","position":4,"files":[{"path":".learn/exercises/04-build-the-website/README.es.md","name":"README.es.md","hidden":true},{"path":".learn/exercises/04-build-the-website/README.md","name":"README.md","hidden":true}],"ai_interactions":[],"compilations":[],"tests":[],"is_testeable":false,"opened_at":1728060260135,"completed_at":1728060260230},{"slug":"05-how-to-start","position":5,"files":[{"path":".learn/exercises/05-how-to-start/README.es.md","name":"README.es.md","hidden":true},{"path":".learn/exercises/05-how-to-start/README.md","name":"README.md","hidden":true}],"ai_interactions":[],"compilations":[],"tests":[],"is_testeable":false,"opened_at":1728060260230,"completed_at":1728060261242},{"slug":"06-lets-start-building","position":6,"files":[{"path":".learn/exercises/06-lets-start-building/README.es.md","name":"README.es.md","hidden":true},{"path":".learn/exercises/06-lets-start-building/README.md","name":"README.md","hidden":true},{"path":".learn/exercises/06-lets-start-building/test.js","name":"test.js","hidden":true}],"ai_interactions":[],"compilations":[{"starting_at":1728060264916,"source_code":"","stdout":"U3VjY2Vzc2Z1bGx5IGJ1aWx0IHlvdXIgSFRNTA==","ended_at":"2024-10-04T16:44:24.917Z","exit_code":0}],"tests":[{"starting_at":1728060262276,"ended_at":1728060264810,"source_code":"","stdout":"G1szMm3inIUgQWxsIHRlc3RzIHBhc3NlZCBzdWNjZXNzZnVsbHkhG1szOW0=","stderr":"","exit_code":0},{"starting_at":1728060264917,"ended_at":1728060266388,"source_code":"","stdout":"G1szMm3inIUgQWxsIHRlc3RzIHBhc3NlZCBzdWNjZXNzZnVsbHkhG1szOW0=","stderr":"","exit_code":0}],"is_testeable":true,"opened_at":1728060261242,"completed_at":1728060266388},{"slug":"07-the-first-div","position":7,"files":[{"path":".learn/exercises/07-the-first-div/README.es.md","name":"README.es.md","hidden":true},{"path":".learn/exercises/07-the-first-div/README.md","name":"README.md","hidden":true},{"path":".learn/exercises/07-the-first-div/test.js","name":"test.js","hidden":true}],"ai_interactions":[],"compilations":[{"starting_at":1728060270514,"source_code":"","stdout":"U3VjY2Vzc2Z1bGx5IGJ1aWx0IHlvdXIgSFRNTA==","ended_at":"2024-10-04T16:44:30.514Z","exit_code":0}],"tests":[{"starting_at":1728060268777,"ended_at":1728060270458,"source_code":"","stdout":"G1szMm3inIUgQWxsIHRlc3RzIHBhc3NlZCBzdWNjZXNzZnVsbHkhG1szOW0=","stderr":"G1sxbRtbMzFtICAbWzFt4pePIBtbMjJtG1sxbVRoZXJlIHNob3VsZCBiZSBhdCBsZWFzdCBvbmUgPGRpdj4gd2l0aCBjbGFzcyBwb3N0Y2FyZCBpbnNpZGUgdGhlIDxib2R5PiBhbmQgdGhlIDxib2R5PiB0YWcgbXVzdCBiZSBpbnNpZGUgdGhlIDxodG1sPiB0YWcbWzM5bRtbMjJtCgogICAgG1sybWV4cGVjdCgbWzIybRtbMzFtcmVjZWl2ZWQbWzM5bRtbMm0pLhtbMjJtdG9CZRtbMm0oG1syMm0bWzMybWV4cGVjdGVkG1szOW0bWzJtKSAvLyBPYmplY3QuaXMgZXF1YWxpdHkbWzIybQoKICAgIEV4cGVjdGVkOiAbWzMybXRydWUbWzM5bQogICAgUmVjZWl2ZWQ6IBtbMzFtZmFsc2UbWzM5bQobWzJtG1syMm0KG1sybSAgICAgIDIzIHwgdGVzdCgiVGhlcmUgc2hvdWxkIGJlIGF0IGxlYXN0IG9uZSA8ZGl2PiB3aXRoIGNsYXNzIHBvc3RjYXJkIGluc2lkZSB0aGUgPGJvZHk+IGFuZCB0aGUgPGJvZHk+IHRhZyBtdXN0IGJlIGluc2lkZSB0aGUgPGh0bWw+IHRhZyIsIGZ1bmN0aW9uKCl7G1syMm0KG1sybSAgICAgIDI0IHwgICAgIGNvbnN0IGRpdiA9IGRvbS5pbnNpZGVUYWdzKCdodG1sJykucXVlcnlTZWxlY3RvcignZGl2JykbWzIybQobWzJtICAgID4gMjUgfCAgICAgZXhwZWN0KGRpdi5jbGFzc05hbWUuaW5jbHVkZXMoJ3Bvc3RjYXJkJykpLnRvQmUodHJ1ZSkbWzIybQobWzJtICAgICAgICAgfCAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIF4bWzIybQobWzJtICAgICAgMjYgfCB9KRtbMjJtChtbMm0gICAgICAyNyB8G1syMm0KG1sybSAgICAgIDI4IHwgdGVzdCgiTWFrZSBzdXJlIHRoZXJlIGlzIGEgPGRpdj4gd2l0aCB0aGUgY2xhc3MgcG9zdGNhcmQiLCBmdW5jdGlvbigpextbMjJtChtbMm0bWzIybQobWzJtICAgICAgG1sybWF0IE9iamVjdC50b0JlICgbWzIybRtbMm0bWzBtG1szNm0ubGVhcm4vZXhlcmNpc2VzLzA3LXRoZS1maXJzdC1kaXYvdGVzdC5qcxtbMzltG1swbRtbMm06MjU6NDgpG1syMm0bWzJtG1syMm0KChtbMW0bWzMxbSAgG1sxbeKXjyAbWzIybRtbMW1NYWtlIHN1cmUgdGhlcmUgaXMgYSA8ZGl2PiB3aXRoIHRoZSBjbGFzcyBwb3N0Y2FyZBtbMzltG1syMm0KCiAgICB0aHJvd246ICIbWzMzbUVsZW1lbnQgd2l0aCBjc3Mgc2VsZWN0b3IgZGl2LnBvc3RjYXJkIGRvbid0IGV4aXN0IBtbMG0iChtbMm0bWzIybQobWzJtICAgICAgMjYgfCB9KRtbMjJtChtbMm0gICAgICAyNyB8G1syMm0KG1sybSAgICA+IDI4IHwgdGVzdCgiTWFrZSBzdXJlIHRoZXJlIGlzIGEgPGRpdj4gd2l0aCB0aGUgY2xhc3MgcG9zdGNhcmQiLCBmdW5jdGlvbigpextbMjJtChtbMm0gICAgICAgICB8IF4bWzIybQobWzJtICAgICAgMjkgfCAgICAgY29uc3QgbGlua1RhZyA9IGRvbS5xdWVyeVNlbGVjdG9yKCJkaXYucG9zdGNhcmQiKRtbMjJtChtbMm0gICAgICAzMCB8ICAgICBleHBlY3QobGlua1RhZykubm90LnRvQmUobnVsbCk7G1syMm0KG1sybSAgICAgIDMxIHwgfSkbWzIybQobWzJtG1syMm0KG1sybSAgICAgIBtbMm1hdCBPYmplY3QudGVzdCAoG1syMm0bWzJtG1swbRtbMzZtLmxlYXJuL2V4ZXJjaXNlcy8wNy10aGUtZmlyc3QtZGl2L3Rlc3QuanMbWzM5bRtbMG0bWzJtOjI4OjEpG1syMm0bWzJtG1syMm0KChtbMW0bWzMxbSAgG1sxbeKXjyAbWzIybRtbMW1NYWtlIHN1cmUgdGhlIDxkaXY+IHdpdGggY2xhc3MgcG9zdGNhcmQgaXMgaW5zaWRlIHRoZSA8Ym9keT4gdGFncxtbMzltG1syMm0KCiAgICB0aHJvd246ICIbWzMzbUVsZW1lbnQgd2l0aCBjc3Mgc2VsZWN0b3IgZGl2LnBvc3RjYXJkIGRvbid0IGV4aXN0IBtbMG0iChtbMm0bWzIybQobWzJtICAgICAgMzEgfCB9KRtbMjJtChtbMm0gICAgICAzMiB8G1syMm0KG1sybSAgICA+IDMzIHwgdGVzdCgiTWFrZSBzdXJlIHRoZSA8ZGl2PiB3aXRoIGNsYXNzIHBvc3RjYXJkIGlzIGluc2lkZSB0aGUgPGJvZHk+IHRhZ3MiLCBmdW5jdGlvbigpextbMjJtChtbMm0gICAgICAgICB8IF4bWzIybQobWzJtICAgICAgMzQgfCAgICAgY29uc3QgZm91bmQgPSBkb20uaW5zaWRlVGFncygnYm9keScpLnF1ZXJ5U2VsZWN0b3IoImRpdi5wb3N0Y2FyZCIpG1syMm0KG1sybSAgICAgIDM1IHwgICAgIGV4cGVjdChmb3VuZCkubm90LnRvQmUobnVsbCk7G1syMm0KG1sybSAgICAgIDM2IHwgfSkbWzIybQobWzJtG1syMm0KG1sybSAgICAgIBtbMm1hdCBPYmplY3QudGVzdCAoG1syMm0bWzJtG1swbRtbMzZtLmxlYXJuL2V4ZXJjaXNlcy8wNy10aGUtZmlyc3QtZGl2L3Rlc3QuanMbWzM5bRtbMG0bWzJtOjMzOjEpG1syMm0bWzJtG1syMm0KLAoKICAgdW5kZWZpbmVkIAoKICAgICAbWzMybRtbMW3inJMgKGRvbmUpG1syMm0bWzM5bSAwLiAbWzM3bU1ha2Ugc3VyZSB5b3UgaGF2ZSB5b3VyIGluZGV4Lmh0bWwbWzM5bQogICAgIBtbMzJtG1sxbeKckyAoZG9uZSkbWzIybRtbMzltIDEuIBtbMzdtVGhlIHdlYnNpdGUgPGJvZHk+PC9ib2R5PiB0YWdzIG11c3Qgbm90IGJlIGVtcHR5G1szOW0KICAgICAbWzMybRtbMW3inJMgKGRvbmUpG1syMm0bWzM5bSAyLiAbWzM3bVlvdXIgPGJvZHk+IGFuZCBvciA8L2JvZHk+IHRhZ3Mgc2hvdWxkIG5vdCBiZSBkdXBsaWNhdGVkG1szOW0KICAgICAbWzMxbRtbMW14IChmYWlsKRtbMjJtG1szOW0gMy4gG1szN21UaGVyZSBzaG91bGQgYmUgYXQgbGVhc3Qgb25lIDxkaXY+IHdpdGggY2xhc3MgcG9zdGNhcmQgaW5zaWRlIHRoZSA8Ym9keT4gYW5kIHRoZSA8Ym9keT4gdGFnIG11c3QgYmUgaW5zaWRlIHRoZSA8aHRtbD4gdGFnG1szOW0KICAgICAbWzMxbRtbMW14IChmYWlsKRtbMjJtG1szOW0gNC4gG1szN21NYWtlIHN1cmUgdGhlcmUgaXMgYSA8ZGl2PiB3aXRoIHRoZSBjbGFzcyBwb3N0Y2FyZBtbMzltCiAgICAgG1szMW0bWzFteCAoZmFpbCkbWzIybRtbMzltIDUuIBtbMzdtTWFrZSBzdXJlIHRoZSA8ZGl2PiB3aXRoIGNsYXNzIHBvc3RjYXJkIGlzIGluc2lkZSB0aGUgPGJvZHk+IHRhZ3MbWzM5bQogICAgIBtbMzJtG1sxbeKckyAoZG9uZSkbWzIybRtbMzltIDYuIBtbMzdtVGhlIHRhZyA8L2h0bWw+IHNob3VsZCBiZSB0aGUgbGFzdCBjaGFyYWN0ZXIgaW4geW91ciBjb2RlG1szOW0gCgo=","exit_code":1},{"starting_at":1728060274180,"ended_at":1728060275600,"source_code":"","stdout":"G1szMm3inIUgQWxsIHRlc3RzIHBhc3NlZCBzdWNjZXNzZnVsbHkhG1szOW0=","stderr":"G1sxbRtbMzFtICAbWzFt4pePIBtbMjJtG1sxbVRoZXJlIHNob3VsZCBiZSBhdCBsZWFzdCBvbmUgPGRpdj4gd2l0aCBjbGFzcyBwb3N0Y2FyZCBpbnNpZGUgdGhlIDxib2R5PiBhbmQgdGhlIDxib2R5PiB0YWcgbXVzdCBiZSBpbnNpZGUgdGhlIDxodG1sPiB0YWcbWzM5bRtbMjJtCgogICAgG1sybWV4cGVjdCgbWzIybRtbMzFtcmVjZWl2ZWQbWzM5bRtbMm0pLhtbMjJtdG9CZRtbMm0oG1syMm0bWzMybWV4cGVjdGVkG1szOW0bWzJtKSAvLyBPYmplY3QuaXMgZXF1YWxpdHkbWzIybQoKICAgIEV4cGVjdGVkOiAbWzMybXRydWUbWzM5bQogICAgUmVjZWl2ZWQ6IBtbMzFtZmFsc2UbWzM5bQobWzJtG1syMm0KG1sybSAgICAgIDIzIHwgdGVzdCgiVGhlcmUgc2hvdWxkIGJlIGF0IGxlYXN0IG9uZSA8ZGl2PiB3aXRoIGNsYXNzIHBvc3RjYXJkIGluc2lkZSB0aGUgPGJvZHk+IGFuZCB0aGUgPGJvZHk+IHRhZyBtdXN0IGJlIGluc2lkZSB0aGUgPGh0bWw+IHRhZyIsIGZ1bmN0aW9uKCl7G1syMm0KG1sybSAgICAgIDI0IHwgICAgIGNvbnN0IGRpdiA9IGRvbS5pbnNpZGVUYWdzKCdodG1sJykucXVlcnlTZWxlY3RvcignZGl2JykbWzIybQobWzJtICAgID4gMjUgfCAgICAgZXhwZWN0KGRpdi5jbGFzc05hbWUuaW5jbHVkZXMoJ3Bvc3RjYXJkJykpLnRvQmUodHJ1ZSkbWzIybQobWzJtICAgICAgICAgfCAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIF4bWzIybQobWzJtICAgICAgMjYgfCB9KRtbMjJtChtbMm0gICAgICAyNyB8G1syMm0KG1sybSAgICAgIDI4IHwgdGVzdCgiTWFrZSBzdXJlIHRoZXJlIGlzIGEgPGRpdj4gd2l0aCB0aGUgY2xhc3MgcG9zdGNhcmQiLCBmdW5jdGlvbigpextbMjJtChtbMm0bWzIybQobWzJtICAgICAgG1sybWF0IE9iamVjdC50b0JlICgbWzIybRtbMm0bWzBtG1szNm0ubGVhcm4vZXhlcmNpc2VzLzA3LXRoZS1maXJzdC1kaXYvdGVzdC5qcxtbMzltG1swbRtbMm06MjU6NDgpG1syMm0bWzJtG1syMm0KChtbMW0bWzMxbSAgG1sxbeKXjyAbWzIybRtbMW1NYWtlIHN1cmUgdGhlcmUgaXMgYSA8ZGl2PiB3aXRoIHRoZSBjbGFzcyBwb3N0Y2FyZBtbMzltG1syMm0KCiAgICB0aHJvd246ICIbWzMzbUVsZW1lbnQgd2l0aCBjc3Mgc2VsZWN0b3IgZGl2LnBvc3RjYXJkIGRvbid0IGV4aXN0IBtbMG0iChtbMm0bWzIybQobWzJtICAgICAgMjYgfCB9KRtbMjJtChtbMm0gICAgICAyNyB8G1syMm0KG1sybSAgICA+IDI4IHwgdGVzdCgiTWFrZSBzdXJlIHRoZXJlIGlzIGEgPGRpdj4gd2l0aCB0aGUgY2xhc3MgcG9zdGNhcmQiLCBmdW5jdGlvbigpextbMjJtChtbMm0gICAgICAgICB8IF4bWzIybQobWzJtICAgICAgMjkgfCAgICAgY29uc3QgbGlua1RhZyA9IGRvbS5xdWVyeVNlbGVjdG9yKCJkaXYucG9zdGNhcmQiKRtbMjJtChtbMm0gICAgICAzMCB8ICAgICBleHBlY3QobGlua1RhZykubm90LnRvQmUobnVsbCk7G1syMm0KG1sybSAgICAgIDMxIHwgfSkbWzIybQobWzJtG1syMm0KG1sybSAgICAgIBtbMm1hdCBPYmplY3QudGVzdCAoG1syMm0bWzJtG1swbRtbMzZtLmxlYXJuL2V4ZXJjaXNlcy8wNy10aGUtZmlyc3QtZGl2L3Rlc3QuanMbWzM5bRtbMG0bWzJtOjI4OjEpG1syMm0bWzJtG1syMm0KChtbMW0bWzMxbSAgG1sxbeKXjyAbWzIybRtbMW1NYWtlIHN1cmUgdGhlIDxkaXY+IHdpdGggY2xhc3MgcG9zdGNhcmQgaXMgaW5zaWRlIHRoZSA8Ym9keT4gdGFncxtbMzltG1syMm0KCiAgICB0aHJvd246ICIbWzMzbUVsZW1lbnQgd2l0aCBjc3Mgc2VsZWN0b3IgZGl2LnBvc3RjYXJkIGRvbid0IGV4aXN0IBtbMG0iChtbMm0bWzIybQobWzJtICAgICAgMzEgfCB9KRtbMjJtChtbMm0gICAgICAzMiB8G1syMm0KG1sybSAgICA+IDMzIHwgdGVzdCgiTWFrZSBzdXJlIHRoZSA8ZGl2PiB3aXRoIGNsYXNzIHBvc3RjYXJkIGlzIGluc2lkZSB0aGUgPGJvZHk+IHRhZ3MiLCBmdW5jdGlvbigpextbMjJtChtbMm0gICAgICAgICB8IF4bWzIybQobWzJtICAgICAgMzQgfCAgICAgY29uc3QgZm91bmQgPSBkb20uaW5zaWRlVGFncygnYm9keScpLnF1ZXJ5U2VsZWN0b3IoImRpdi5wb3N0Y2FyZCIpG1syMm0KG1sybSAgICAgIDM1IHwgICAgIGV4cGVjdChmb3VuZCkubm90LnRvQmUobnVsbCk7G1syMm0KG1sybSAgICAgIDM2IHwgfSkbWzIybQobWzJtG1syMm0KG1sybSAgICAgIBtbMm1hdCBPYmplY3QudGVzdCAoG1syMm0bWzJtG1swbRtbMzZtLmxlYXJuL2V4ZXJjaXNlcy8wNy10aGUtZmlyc3QtZGl2L3Rlc3QuanMbWzM5bRtbMG0bWzJtOjMzOjEpG1syMm0bWzJtG1syMm0KLAoKICAgdW5kZWZpbmVkIAoKICAgICAbWzMybRtbMW3inJMgKGRvbmUpG1syMm0bWzM5bSAwLiAbWzM3bU1ha2Ugc3VyZSB5b3UgaGF2ZSB5b3VyIGluZGV4Lmh0bWwbWzM5bQogICAgIBtbMzJtG1sxbeKckyAoZG9uZSkbWzIybRtbMzltIDEuIBtbMzdtVGhlIHdlYnNpdGUgPGJvZHk+PC9ib2R5PiB0YWdzIG11c3Qgbm90IGJlIGVtcHR5G1szOW0KICAgICAbWzMybRtbMW3inJMgKGRvbmUpG1syMm0bWzM5bSAyLiAbWzM3bVlvdXIgPGJvZHk+IGFuZCBvciA8L2JvZHk+IHRhZ3Mgc2hvdWxkIG5vdCBiZSBkdXBsaWNhdGVkG1szOW0KICAgICAbWzMxbRtbMW14IChmYWlsKRtbMjJtG1szOW0gMy4gG1szN21UaGVyZSBzaG91bGQgYmUgYXQgbGVhc3Qgb25lIDxkaXY+IHdpdGggY2xhc3MgcG9zdGNhcmQgaW5zaWRlIHRoZSA8Ym9keT4gYW5kIHRoZSA8Ym9keT4gdGFnIG11c3QgYmUgaW5zaWRlIHRoZSA8aHRtbD4gdGFnG1szOW0KICAgICAbWzMxbRtbMW14IChmYWlsKRtbMjJtG1szOW0gNC4gG1szN21NYWtlIHN1cmUgdGhlcmUgaXMgYSA8ZGl2PiB3aXRoIHRoZSBjbGFzcyBwb3N0Y2FyZBtbMzltCiAgICAgG1szMW0bWzFteCAoZmFpbCkbWzIybRtbMzltIDUuIBtbMzdtTWFrZSBzdXJlIHRoZSA8ZGl2PiB3aXRoIGNsYXNzIHBvc3RjYXJkIGlzIGluc2lkZSB0aGUgPGJvZHk+IHRhZ3MbWzM5bQogICAgIBtbMzJtG1sxbeKckyAoZG9uZSkbWzIybRtbMzltIDYuIBtbMzdtVGhlIHRhZyA8L2h0bWw+IHNob3VsZCBiZSB0aGUgbGFzdCBjaGFyYWN0ZXIgaW4geW91ciBjb2RlG1szOW0gCgo=","exit_code":1},{"starting_at":1728060284902,"ended_at":1728060286325,"source_code":"","stdout":"G1szMm3inIUgQWxsIHRlc3RzIHBhc3NlZCBzdWNjZXNzZnVsbHkhG1szOW0=","stderr":"G1sxbRtbMzFtICAbWzFt4pePIBtbMjJtG1sxbVRoZXJlIHNob3VsZCBiZSBhdCBsZWFzdCBvbmUgPGRpdj4gd2l0aCBjbGFzcyBwb3N0Y2FyZCBpbnNpZGUgdGhlIDxib2R5PiBhbmQgdGhlIDxib2R5PiB0YWcgbXVzdCBiZSBpbnNpZGUgdGhlIDxodG1sPiB0YWcbWzM5bRtbMjJtCgogICAgG1sybWV4cGVjdCgbWzIybRtbMzFtcmVjZWl2ZWQbWzM5bRtbMm0pLhtbMjJtdG9CZRtbMm0oG1syMm0bWzMybWV4cGVjdGVkG1szOW0bWzJtKSAvLyBPYmplY3QuaXMgZXF1YWxpdHkbWzIybQoKICAgIEV4cGVjdGVkOiAbWzMybXRydWUbWzM5bQogICAgUmVjZWl2ZWQ6IBtbMzFtZmFsc2UbWzM5bQobWzJtG1syMm0KG1sybSAgICAgIDIzIHwgdGVzdCgiVGhlcmUgc2hvdWxkIGJlIGF0IGxlYXN0IG9uZSA8ZGl2PiB3aXRoIGNsYXNzIHBvc3RjYXJkIGluc2lkZSB0aGUgPGJvZHk+IGFuZCB0aGUgPGJvZHk+IHRhZyBtdXN0IGJlIGluc2lkZSB0aGUgPGh0bWw+IHRhZyIsIGZ1bmN0aW9uKCl7G1syMm0KG1sybSAgICAgIDI0IHwgICAgIGNvbnN0IGRpdiA9IGRvbS5pbnNpZGVUYWdzKCdodG1sJykucXVlcnlTZWxlY3RvcignZGl2JykbWzIybQobWzJtICAgID4gMjUgfCAgICAgZXhwZWN0KGRpdi5jbGFzc05hbWUuaW5jbHVkZXMoJ3Bvc3RjYXJkJykpLnRvQmUodHJ1ZSkbWzIybQobWzJtICAgICAgICAgfCAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIF4bWzIybQobWzJtICAgICAgMjYgfCB9KRtbMjJtChtbMm0gICAgICAyNyB8G1syMm0KG1sybSAgICAgIDI4IHwgdGVzdCgiTWFrZSBzdXJlIHRoZXJlIGlzIGEgPGRpdj4gd2l0aCB0aGUgY2xhc3MgcG9zdGNhcmQiLCBmdW5jdGlvbigpextbMjJtChtbMm0bWzIybQobWzJtICAgICAgG1sybWF0IE9iamVjdC50b0JlICgbWzIybRtbMm0bWzBtG1szNm0ubGVhcm4vZXhlcmNpc2VzLzA3LXRoZS1maXJzdC1kaXYvdGVzdC5qcxtbMzltG1swbRtbMm06MjU6NDgpG1syMm0bWzJtG1syMm0KChtbMW0bWzMxbSAgG1sxbeKXjyAbWzIybRtbMW1NYWtlIHN1cmUgdGhlcmUgaXMgYSA8ZGl2PiB3aXRoIHRoZSBjbGFzcyBwb3N0Y2FyZBtbMzltG1syMm0KCiAgICB0aHJvd246ICIbWzMzbUVsZW1lbnQgd2l0aCBjc3Mgc2VsZWN0b3IgZGl2LnBvc3RjYXJkIGRvbid0IGV4aXN0IBtbMG0iChtbMm0bWzIybQobWzJtICAgICAgMjYgfCB9KRtbMjJtChtbMm0gICAgICAyNyB8G1syMm0KG1sybSAgICA+IDI4IHwgdGVzdCgiTWFrZSBzdXJlIHRoZXJlIGlzIGEgPGRpdj4gd2l0aCB0aGUgY2xhc3MgcG9zdGNhcmQiLCBmdW5jdGlvbigpextbMjJtChtbMm0gICAgICAgICB8IF4bWzIybQobWzJtICAgICAgMjkgfCAgICAgY29uc3QgbGlua1RhZyA9IGRvbS5xdWVyeVNlbGVjdG9yKCJkaXYucG9zdGNhcmQiKRtbMjJtChtbMm0gICAgICAzMCB8ICAgICBleHBlY3QobGlua1RhZykubm90LnRvQmUobnVsbCk7G1syMm0KG1sybSAgICAgIDMxIHwgfSkbWzIybQobWzJtG1syMm0KG1sybSAgICAgIBtbMm1hdCBPYmplY3QudGVzdCAoG1syMm0bWzJtG1swbRtbMzZtLmxlYXJuL2V4ZXJjaXNlcy8wNy10aGUtZmlyc3QtZGl2L3Rlc3QuanMbWzM5bRtbMG0bWzJtOjI4OjEpG1syMm0bWzJtG1syMm0KChtbMW0bWzMxbSAgG1sxbeKXjyAbWzIybRtbMW1NYWtlIHN1cmUgdGhlIDxkaXY+IHdpdGggY2xhc3MgcG9zdGNhcmQgaXMgaW5zaWRlIHRoZSA8Ym9keT4gdGFncxtbMzltG1syMm0KCiAgICB0aHJvd246ICIbWzMzbUVsZW1lbnQgd2l0aCBjc3Mgc2VsZWN0b3IgZGl2LnBvc3RjYXJkIGRvbid0IGV4aXN0IBtbMG0iChtbMm0bWzIybQobWzJtICAgICAgMzEgfCB9KRtbMjJtChtbMm0gICAgICAzMiB8G1syMm0KG1sybSAgICA+IDMzIHwgdGVzdCgiTWFrZSBzdXJlIHRoZSA8ZGl2PiB3aXRoIGNsYXNzIHBvc3RjYXJkIGlzIGluc2lkZSB0aGUgPGJvZHk+IHRhZ3MiLCBmdW5jdGlvbigpextbMjJtChtbMm0gICAgICAgICB8IF4bWzIybQobWzJtICAgICAgMzQgfCAgICAgY29uc3QgZm91bmQgPSBkb20uaW5zaWRlVGFncygnYm9keScpLnF1ZXJ5U2VsZWN0b3IoImRpdi5wb3N0Y2FyZCIpG1syMm0KG1sybSAgICAgIDM1IHwgICAgIGV4cGVjdChmb3VuZCkubm90LnRvQmUobnVsbCk7G1syMm0KG1sybSAgICAgIDM2IHwgfSkbWzIybQobWzJtG1syMm0KG1sybSAgICAgIBtbMm1hdCBPYmplY3QudGVzdCAoG1syMm0bWzJtG1swbRtbMzZtLmxlYXJuL2V4ZXJjaXNlcy8wNy10aGUtZmlyc3QtZGl2L3Rlc3QuanMbWzM5bRtbMG0bWzJtOjMzOjEpG1syMm0bWzJtG1syMm0KLAoKICAgdW5kZWZpbmVkIAoKICAgICAbWzMybRtbMW3inJMgKGRvbmUpG1syMm0bWzM5bSAwLiAbWzM3bU1ha2Ugc3VyZSB5b3UgaGF2ZSB5b3VyIGluZGV4Lmh0bWwbWzM5bQogICAgIBtbMzJtG1sxbeKckyAoZG9uZSkbWzIybRtbMzltIDEuIBtbMzdtVGhlIHdlYnNpdGUgPGJvZHk+PC9ib2R5PiB0YWdzIG11c3Qgbm90IGJlIGVtcHR5G1szOW0KICAgICAbWzMybRtbMW3inJMgKGRvbmUpG1syMm0bWzM5bSAyLiAbWzM3bVlvdXIgPGJvZHk+IGFuZCBvciA8L2JvZHk+IHRhZ3Mgc2hvdWxkIG5vdCBiZSBkdXBsaWNhdGVkG1szOW0KICAgICAbWzMxbRtbMW14IChmYWlsKRtbMjJtG1szOW0gMy4gG1szN21UaGVyZSBzaG91bGQgYmUgYXQgbGVhc3Qgb25lIDxkaXY+IHdpdGggY2xhc3MgcG9zdGNhcmQgaW5zaWRlIHRoZSA8Ym9keT4gYW5kIHRoZSA8Ym9keT4gdGFnIG11c3QgYmUgaW5zaWRlIHRoZSA8aHRtbD4gdGFnG1szOW0KICAgICAbWzMxbRtbMW14IChmYWlsKRtbMjJtG1szOW0gNC4gG1szN21NYWtlIHN1cmUgdGhlcmUgaXMgYSA8ZGl2PiB3aXRoIHRoZSBjbGFzcyBwb3N0Y2FyZBtbMzltCiAgICAgG1szMW0bWzFteCAoZmFpbCkbWzIybRtbMzltIDUuIBtbMzdtTWFrZSBzdXJlIHRoZSA8ZGl2PiB3aXRoIGNsYXNzIHBvc3RjYXJkIGlzIGluc2lkZSB0aGUgPGJvZHk+IHRhZ3MbWzM5bQogICAgIBtbMzJtG1sxbeKckyAoZG9uZSkbWzIybRtbMzltIDYuIBtbMzdtVGhlIHRhZyA8L2h0bWw+IHNob3VsZCBiZSB0aGUgbGFzdCBjaGFyYWN0ZXIgaW4geW91ciBjb2RlG1szOW0gCgo=","exit_code":1},{"starting_at":1728060306401,"ended_at":1728060307775,"source_code":"","stdout":"G1szMm3inIUgQWxsIHRlc3RzIHBhc3NlZCBzdWNjZXNzZnVsbHkhG1szOW0=","stderr":"","exit_code":0}],"is_testeable":true,"opened_at":1728060267466,"completed_at":1728060307775},{"slug":"08-adding-styles","position":8,"files":[{"path":".learn/exercises/08-adding-styles/README.es.md","name":"README.es.md","hidden":true},{"path":".learn/exercises/08-adding-styles/README.md","name":"README.md","hidden":true},{"path":".learn/exercises/08-adding-styles/test.js","name":"test.js","hidden":true}],"ai_interactions":[],"compilations":[],"tests":[{"starting_at":1728060310347,"ended_at":1728060311773,"source_code":"","stdout":"G1szMm3inIUgQWxsIHRlc3RzIHBhc3NlZCBzdWNjZXNzZnVsbHkhG1szOW0=","stderr":"G1sxbRtbMzFtICAbWzFt4pePIBtbMjJtG1sxbU1ha2Ugc3VyZSB5b3UgY3JlYXRlZCB0aGUgc3R5bGVzLmNzcyBmaWxlG1szOW0bWzIybQoKICAgIBtbMm1leHBlY3QoG1syMm0bWzMxbXJlY2VpdmVkG1szOW0bWzJtKS4bWzIybXRvQmUbWzJtKBtbMjJtG1szMm1leHBlY3RlZBtbMzltG1sybSkgLy8gT2JqZWN0LmlzIGVxdWFsaXR5G1syMm0KCiAgICBFeHBlY3RlZDogG1szMm10cnVlG1szOW0KICAgIFJlY2VpdmVkOiAbWzMxbWZhbHNlG1szOW0KG1sybRtbMjJtChtbMm0gICAgICAgOSB8IHRlc3QoIk1ha2Ugc3VyZSB5b3UgY3JlYXRlZCB0aGUgc3R5bGVzLmNzcyBmaWxlIiwgZnVuY3Rpb24oKXsbWzIybQobWzJtICAgICAgMTAgfCAgICAgY29uc3QgaW5kZXhFeGlzdHMgPSBmcy5leGlzdHNTeW5jKGAuL3N0eWxlcy5jc3NgKTsbWzIybQobWzJtICAgID4gMTEgfCAgICAgZXhwZWN0KGluZGV4RXhpc3RzKS50b0JlKHRydWUpOxtbMjJtChtbMm0gICAgICAgICB8ICAgICAgICAgICAgICAgICAgICAgICAgIF4bWzIybQobWzJtICAgICAgMTIgfCB9KRtbMjJtChtbMm0gICAgICAxMyB8G1syMm0KG1sybSAgICAgIDE0IHwgdGVzdCgiVGhlIG5hbWUgb2YgdGhlIGZpbGUgaXMgc3R5bGVzLmNzcyBpbiBwbHVyYWwiLCBmdW5jdGlvbigpextbMjJtChtbMm0bWzIybQobWzJtICAgICAgG1sybWF0IE9iamVjdC50b0JlICgbWzIybRtbMm0bWzBtG1szNm0ubGVhcm4vZXhlcmNpc2VzLzA4LWFkZGluZy1zdHlsZXMvdGVzdC5qcxtbMzltG1swbRtbMm06MTE6MjUpG1syMm0bWzJtG1syMm0KChtbMW0bWzMxbSAgG1sxbeKXjyAbWzIybRtbMW1UaGUgbmFtZSBvZiB0aGUgZmlsZSBpcyBzdHlsZXMuY3NzIGluIHBsdXJhbBtbMzltG1syMm0KCiAgICAbWzJtZXhwZWN0KBtbMjJtG1szMW1yZWNlaXZlZBtbMzltG1sybSkuG1syMm1ub3QbWzJtLhtbMjJtdG9CZRtbMm0oG1syMm0bWzMybWV4cGVjdGVkG1szOW0bWzJtKSAvLyBPYmplY3QuaXMgZXF1YWxpdHkbWzIybQoKICAgIEV4cGVjdGVkOiBub3QgG1szMm10cnVlG1szOW0KG1sybRtbMjJtChtbMm0gICAgICAxNCB8IHRlc3QoIlRoZSBuYW1lIG9mIHRoZSBmaWxlIGlzIHN0eWxlcy5jc3MgaW4gcGx1cmFsIiwgZnVuY3Rpb24oKXsbWzIybQobWzJtICAgICAgMTUgfCAgICAgY29uc3QgaW5kZXhFeGlzdHMgPSBmcy5leGlzdHNTeW5jKGAuL3N0eWxlLmNzc2ApOxtbMjJtChtbMm0gICAgPiAxNiB8ICAgICBleHBlY3QoaW5kZXhFeGlzdHMpLm5vdC50b0JlKHRydWUpOxtbMjJtChtbMm0gICAgICAgICB8ICAgICAgICAgICAgICAgICAgICAgICAgICAgICBeG1syMm0KG1sybSAgICAgIDE3IHwgfSkbWzIybQobWzJtICAgICAgMTggfBtbMjJtChtbMm0gICAgICAxOSB8IHRlc3QoIk1ha2Ugc3VyZSB5b3VyIHN0eWxlcy5jc3MgY29udGFpbnMgdGhlIGV4cGVjdGVkIHN0eWxlIiwgZnVuY3Rpb24oKXsbWzIybQobWzJtG1syMm0KG1sybSAgICAgIBtbMm1hdCBPYmplY3QudG9CZSAoG1syMm0bWzJtG1swbRtbMzZtLmxlYXJuL2V4ZXJjaXNlcy8wOC1hZGRpbmctc3R5bGVzL3Rlc3QuanMbWzM5bRtbMG0bWzJtOjE2OjI5KRtbMjJtG1sybRtbMjJtCgobWzFtG1szMW0gIBtbMW3il48gG1syMm0bWzFtTWFrZSBzdXJlIHlvdXIgc3R5bGVzLmNzcyBjb250YWlucyB0aGUgZXhwZWN0ZWQgc3R5bGUbWzM5bRtbMjJtCgogICAgRU5PRU5UOiBubyBzdWNoIGZpbGUgb3IgZGlyZWN0b3J5LCBvcGVuICcuL3N0eWxlcy5jc3MnChtbMm0bWzIybQobWzJtICAgICAgMTggfBtbMjJtChtbMm0gICAgICAxOSB8IHRlc3QoIk1ha2Ugc3VyZSB5b3VyIHN0eWxlcy5jc3MgY29udGFpbnMgdGhlIGV4cGVjdGVkIHN0eWxlIiwgZnVuY3Rpb24oKXsbWzIybQobWzJtICAgID4gMjAgfCAgICAgY29uc3QgY29udGVudCA9IGZzLnJlYWRGaWxlU3luYygiLi9zdHlsZXMuY3NzIiwgJ3V0ZjgnKRtbMjJtChtbMm0gICAgICAgICB8ICAgICAgICAgICAgICAgICAgICAgICAgXhtbMjJtChtbMm0gICAgICAyMSB8ICAgICBjb25zdCBleHBlY3RlZCA9IC9ib2R5XHMqe1xzKmJhY2tncm91bmRccyo6XHMqYmxhY2tccyo7XHMqfS87G1syMm0KG1sybSAgICAgIDIyIHwgICAgIGV4cGVjdChjb250ZW50KS50b0VxdWFsKGV4cGVjdC5zdHJpbmdNYXRjaGluZyhleHBlY3RlZCkpOxtbMjJtChtbMm0gICAgICAyMyB8IH0pG1syMm0KG1sybRtbMjJtChtbMm0gICAgICAbWzJtYXQgT2JqZWN0LnJlYWRGaWxlU3luYyAoG1syMm0bWzJtG1swbRtbMzZtLmxlYXJuL2V4ZXJjaXNlcy8wOC1hZGRpbmctc3R5bGVzL3Rlc3QuanMbWzM5bRtbMG0bWzJtOjIwOjI0KRtbMjJtG1sybRtbMjJtCiwKCiAgIHVuZGVmaW5lZCAKCiAgICAgG1szMm0bWzFt4pyTIChkb25lKRtbMjJtG1szOW0gMC4gG1szN21NYWtlIHN1cmUgeW91IGhhdmUgeW91ciBpbmRleC5odG1sG1szOW0KICAgICAbWzMxbRtbMW14IChmYWlsKRtbMjJtG1szOW0gMS4gG1szN21NYWtlIHN1cmUgeW91IGNyZWF0ZWQgdGhlIHN0eWxlcy5jc3MgZmlsZRtbMzltCiAgICAgG1szMW0bWzFteCAoZmFpbCkbWzIybRtbMzltIDIuIBtbMzdtVGhlIG5hbWUgb2YgdGhlIGZpbGUgaXMgc3R5bGVzLmNzcyBpbiBwbHVyYWwbWzM5bQogICAgIBtbMzFtG1sxbXggKGZhaWwpG1syMm0bWzM5bSAzLiAbWzM3bU1ha2Ugc3VyZSB5b3VyIHN0eWxlcy5jc3MgY29udGFpbnMgdGhlIGV4cGVjdGVkIHN0eWxlG1szOW0gCgo=","exit_code":1},{"starting_at":1728060326713,"ended_at":1728060328050,"source_code":"","stdout":"G1szMm3inIUgQWxsIHRlc3RzIHBhc3NlZCBzdWNjZXNzZnVsbHkhG1szOW0=","stderr":"G1sxbRtbMzFtICAbWzFt4pePIBtbMjJtG1sxbU1ha2Ugc3VyZSB5b3VyIHN0eWxlcy5jc3MgY29udGFpbnMgdGhlIGV4cGVjdGVkIHN0eWxlG1szOW0bWzIybQoKICAgIBtbMm1leHBlY3QoG1syMm0bWzMxbXJlY2VpdmVkG1szOW0bWzJtKS4bWzIybXRvRXF1YWwbWzJtKBtbMjJtG1szMm1leHBlY3RlZBtbMzltG1sybSkgLy8gZGVlcCBlcXVhbGl0eRtbMjJtCgogICAgRXhwZWN0ZWQ6IBtbMzJtU3RyaW5nTWF0Y2hpbmcgL2JvZHlccyp7XHMqYmFja2dyb3VuZFxzKjpccypibGFja1xzKjtccyp9LxtbMzltCiAgICBSZWNlaXZlZDogG1szMW0iKiB7G1szOW0KICAgIBtbMzFtCWJveC1zaXppbmc6IGJvcmRlci1ib3g7G1szOW0KICAgIBtbMzFtfcK3G1szOW0KICAgIBtbMzFtYm9keSB7G1szOW0KICAgIBtbMzFtCWJhY2tncm91bmQ6IGJsYWNrOxtbMzltCiAgICAbWzMxbQlmb250LWZhbWlseTogQXJpYWwsIEhlbHZldGljYSwgc2Fucy1zZXJpZjsbWzM5bQogICAgG1szMW19wrcbWzM5bQogICAgG1szMW0ucG9zdGNhcmQgextbMzltCiAgICAbWzMxbQl3aWR0aDogNjAwcHg7G1szOW0KICAgIBtbMzFtCW1hcmdpbjogMTAwcHggYXV0bzsbWzM5bQogICAgG1szMW0JYmFja2dyb3VuZDogd2hpdGU7G1szOW0KICAgIBtbMzFtfcK3G1szOW0KICAgIBtbMzFtLmhlYWRlciB7G1szOW0KICAgIBtbMzFtCWRpc3BsYXk6IGZsZXg7G1szOW0KICAgIBtbMzFtCXBhZGRpbmc6IDEwcHg7G1szOW0KICAgIBtbMzFtfcK3G1szOW0KICAgIBtbMzFtLmhlYWRlciBpbWcgextbMzltCiAgICAbWzMxbQloZWlnaHQ6IDcwcHg7G1szOW0KICAgIBtbMzFtfcK3G1szOW0KICAgIBtbMzFtLmhlYWRlciBoMSB7G1szOW0KICAgIBtbMzFtCXdpZHRoOiAxMDAlOxtbMzltCiAgICAbWzMxbX3CtxtbMzltCiAgICAbWzMxbS5ib2R5IHsbWzM5bQogICAgG1szMW0JZGlzcGxheTogZmxleDsbWzM5bQogICAgG1szMW19wrcbWzM5bQogICAgG1szMW0uYm9keSAubGVmdCwbWzM5bQogICAgG1szMW0uYm9keSAucmlnaHQgextbMzltCiAgICAbWzMxbQl3aWR0aDogNTAlOxtbMzltCiAgICAbWzMxbQlwYWRkaW5nOiAwIDEwcHg7G1szOW0KICAgIBtbMzFtfcK3G1szOW0KICAgIBtbMzFtaW5wdXQgextbMzltCiAgICAbWzMxbQl3aWR0aDogMTAwJTsbWzM5bQogICAgG1szMW0JcGFkZGluZzogNXB4OxtbMzltCiAgICAbWzMxbQltYXJnaW46IDNweCAwOxtbMzltCiAgICAbWzMxbQlib3JkZXI6IDA7G1szOW0KICAgIBtbMzFtCWJvcmRlci1ib3R0b206IDFweCBzb2xpZCAjYmRiZGJkOxtbMzltCiAgICAbWzMxbX3CtxtbMzltCiAgICAbWzMxbS5mb290ZXIgextbMzltCiAgICAbWzMxbQl0ZXh0LWFsaWduOiBjZW50ZXI7G1szOW0KICAgIBtbMzFtCXBhZGRpbmc6IDEwcHg7G1szOW0KICAgIBtbMzFtfcK3G1szOW0KICAgIBtbMzFtYnV0dG9uIHsbWzM5bQogICAgG1szMW0JcGFkZGluZzogMTBweCAyMHB4OxtbMzltCiAgICAbWzMxbQlmb250LXNpemU6IDE0cHg7G1szOW0KICAgIBtbMzFtfRtbMzltCiAgICAbWzMxbSIbWzM5bQobWzJtG1syMm0KG1sybSAgICAgIDIwIHwgICAgIGNvbnN0IGNvbnRlbnQgPSBmcy5yZWFkRmlsZVN5bmMoIi4vc3R5bGVzLmNzcyIsICd1dGY4JykbWzIybQobWzJtICAgICAgMjEgfCAgICAgY29uc3QgZXhwZWN0ZWQgPSAvYm9keVxzKntccypiYWNrZ3JvdW5kXHMqOlxzKmJsYWNrXHMqO1xzKn0vOxtbMjJtChtbMm0gICAgPiAyMiB8ICAgICBleHBlY3QoY29udGVudCkudG9FcXVhbChleHBlY3Quc3RyaW5nTWF0Y2hpbmcoZXhwZWN0ZWQpKTsbWzIybQobWzJtICAgICAgICAgfCAgICAgICAgICAgICAgICAgICAgIF4bWzIybQobWzJtICAgICAgMjMgfCB9KRtbMjJtChtbMm0bWzIybQobWzJtICAgICAgG1sybWF0IE9iamVjdC50b0VxdWFsICgbWzIybRtbMm0bWzBtG1szNm0ubGVhcm4vZXhlcmNpc2VzLzA4LWFkZGluZy1zdHlsZXMvdGVzdC5qcxtbMzltG1swbRtbMm06MjI6MjEpG1syMm0bWzJtG1syMm0KLAoKICAgdW5kZWZpbmVkIAoKICAgICAbWzMybRtbMW3inJMgKGRvbmUpG1syMm0bWzM5bSAwLiAbWzM3bU1ha2Ugc3VyZSB5b3UgaGF2ZSB5b3VyIGluZGV4Lmh0bWwbWzM5bQogICAgIBtbMzJtG1sxbeKckyAoZG9uZSkbWzIybRtbMzltIDEuIBtbMzdtTWFrZSBzdXJlIHlvdSBjcmVhdGVkIHRoZSBzdHlsZXMuY3NzIGZpbGUbWzM5bQogICAgIBtbMzJtG1sxbeKckyAoZG9uZSkbWzIybRtbMzltIDIuIBtbMzdtVGhlIG5hbWUgb2YgdGhlIGZpbGUgaXMgc3R5bGVzLmNzcyBpbiBwbHVyYWwbWzM5bQogICAgIBtbMzFtG1sxbXggKGZhaWwpG1syMm0bWzM5bSAzLiAbWzM3bU1ha2Ugc3VyZSB5b3VyIHN0eWxlcy5jc3MgY29udGFpbnMgdGhlIGV4cGVjdGVkIHN0eWxlG1szOW0gCgo=","exit_code":1},{"starting_at":1728060355404,"ended_at":1728060356790,"source_code":"","stdout":"G1szMm3inIUgQWxsIHRlc3RzIHBhc3NlZCBzdWNjZXNzZnVsbHkhG1szOW0=","stderr":"","exit_code":0}],"is_testeable":true,"opened_at":1728060308810,"completed_at":1728060356791},{"slug":"08.1-red-borders","position":9,"files":[{"path":".learn/exercises/08.1-red-borders/README.es.md","name":"README.es.md","hidden":true},{"path":".learn/exercises/08.1-red-borders/README.md","name":"README.md","hidden":true},{"path":".learn/exercises/08.1-red-borders/test.js","name":"test.js","hidden":true}],"ai_interactions":[],"compilations":[],"tests":[],"is_testeable":true,"opened_at":1728060360470},{"slug":"09-connecting-stylesheet","position":10,"files":[{"path":".learn/exercises/09-connecting-stylesheet/README.es.md","name":"README.es.md","hidden":true},{"path":".learn/exercises/09-connecting-stylesheet/README.md","name":"README.md","hidden":true},{"path":".learn/exercises/09-connecting-stylesheet/test.js","name":"test.js","hidden":true}],"ai_interactions":[],"compilations":[],"tests":[],"is_testeable":true},{"slug":"10-center-postcard","position":11,"files":[{"path":".learn/exercises/10-center-postcard/README.es.md","name":"README.es.md","hidden":true},{"path":".learn/exercises/10-center-postcard/README.md","name":"README.md","hidden":true},{"path":".learn/exercises/10-center-postcard/test.js","name":"test.js","hidden":true}],"ai_interactions":[],"compilations":[],"tests":[],"is_testeable":true},{"slug":"11-postcard-divisions","position":12,"files":[{"path":".learn/exercises/11-postcard-divisions/README.es.md","name":"README.es.md","hidden":true},{"path":".learn/exercises/11-postcard-divisions/README.md","name":"README.md","hidden":true},{"path":".learn/exercises/11-postcard-divisions/test.js","name":"test.js","hidden":true}],"ai_interactions":[],"compilations":[],"tests":[],"is_testeable":true},{"slug":"11.1-header-content","position":13,"files":[{"path":".learn/exercises/11.1-header-content/README.es.md","name":"README.es.md","hidden":true},{"path":".learn/exercises/11.1-header-content/README.md","name":"README.md","hidden":true},{"path":".learn/exercises/11.1-header-content/solution.hide.css","name":"solution.hide.css","hidden":true},{"path":".learn/exercises/11.1-header-content/solution.hide.html","name":"solution.hide.html","hidden":true},{"path":".learn/exercises/11.1-header-content/test.js","name":"test.js","hidden":true}],"ai_interactions":[],"compilations":[],"tests":[],"is_testeable":true},{"slug":"11.2-header-styles","position":14,"files":[{"path":".learn/exercises/11.2-header-styles/README.es.md","name":"README.es.md","hidden":true},{"path":".learn/exercises/11.2-header-styles/README.md","name":"README.md","hidden":true},{"path":".learn/exercises/11.2-header-styles/test.js","name":"test.js","hidden":true}],"ai_interactions":[],"compilations":[],"tests":[],"is_testeable":true},{"slug":"12-split-postcard-body","position":15,"files":[{"path":".learn/exercises/12-split-postcard-body/README.es.md","name":"README.es.md","hidden":true},{"path":".learn/exercises/12-split-postcard-body/README.md","name":"README.md","hidden":true},{"path":".learn/exercises/12-split-postcard-body/test.js","name":"test.js","hidden":true}],"ai_interactions":[],"compilations":[],"tests":[],"is_testeable":true},{"slug":"12.1-body-content","position":16,"files":[{"path":".learn/exercises/12.1-body-content/README.es.md","name":"README.es.md","hidden":true},{"path":".learn/exercises/12.1-body-content/README.md","name":"README.md","hidden":true},{"path":".learn/exercises/12.1-body-content/test.js","name":"test.js","hidden":true}],"ai_interactions":[],"compilations":[],"tests":[],"is_testeable":true},{"slug":"13-check-your-code","position":17,"files":[{"path":".learn/exercises/13-check-your-code/README.es.md","name":"README.es.md","hidden":true},{"path":".learn/exercises/13-check-your-code/README.md","name":"README.md","hidden":true}],"ai_interactions":[],"compilations":[],"tests":[],"is_testeable":false},{"slug":"14-goodbye","position":18,"files":[{"path":".learn/exercises/14-goodbye/README.es.md","name":"README.es.md","hidden":true},{"path":".learn/exercises/14-goodbye/README.md","name":"README.md","hidden":true}],"ai_interactions":[],"compilations":[],"tests":[],"is_testeable":false}],"workout_session":[{"started_at":1728060006087}],"last_interaction_at":1728060360470} \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 00000000..59e11c8a --- /dev/null +++ b/index.html @@ -0,0 +1,32 @@ + + + + + + + Document + + + +
+
+

My Postcard

+ +
+
+
+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur dolorem voluptatum commodi! Nemo fugiat rerum,

+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel adipisci aperiam

+
+
+ + + +
+
+
+ +
+
+ + diff --git a/styles.css b/styles.css new file mode 100644 index 00000000..20e06632 --- /dev/null +++ b/styles.css @@ -0,0 +1,55 @@ +* { + box-sizing: border-box; +} + +body { + background: black; + font-family: Arial, Helvetica, sans-serif; +} + +.postcard { + width: 600px; + margin: 100px auto; + background: white; +} + +.header { + display: flex; + padding: 10px; +} + +.header img { + height: 70px; +} + +.header h1 { + width: 100%; +} + +.body { + display: flex; +} + +.body .left, +.body .right { + width: 50%; + padding: 0 10px; +} + +input { + width: 100%; + padding: 5px; + margin: 3px 0; + border: 0; + border-bottom: 1px solid #bdbdbd; +} + +.footer { + text-align: center; + padding: 10px; +} + +button { + padding: 10px 20px; + font-size: 14px; +}