Banner de perfil
0

Erick Briones

@erickbriones

México, Mexico

Error al crear la cuenta

Erick Briones@erickbriones

Hola, intenté crear mi cuenta pero me aparece este error, probé con otro correo y sí me dejó pero... me pide mis datos bancarios para poder tener acceso al dashboard, ¿es necesario ingresar esa información?

Imagen de la publicación

Problemas con el servidor

Erick Briones@erickbriones

Al igual que otros usuarios yo también he tenido problemas para ejecutar el servidor, no conozco mucho el lenguaje Go y no sé qué tengo que hacer para que funcione correctamente, ¿podrían actualizar el código o ayudarme a levantar el servidor?

Código fuente del ejercicio

Erick Briones@erickbriones

Código HTML

1<header class="header">
2    <strong>EDteam</strong>
3    <nav class="nav">
4        <ul class="menu">
5            <li><a href="#">Inicio</a></li>
6            <li><a href="#">Nosotros</a></li>
7            <li><a href="#">Servicios</a></li>
8            <li><a href="#">Contacto</a></li>
9        </ul>
10    </nav>
11</header>
12<aside class="sidebar">
13    <h3>Slecciona un tema</h3>
14    <div class="themes">
15        <div class="theme">
16            <input type="radio" name="theme" id="light" checked> 
17            <label for="light">Claro</label>
18        </div>
19        <div class="theme">
20            <input type="radio" name="theme" id="dark">
21            <label for="dark">Oscuro</label>
22        </div>
23    </div>
24</aside>
25<main>
26<div class="hero">
27<img src="https://edteam-media.s3.amazonaws.com/courses/big/5692921c-f5f1-419e-bd29-11e61bcafdf5.png">
28<h1>Bienvenido a EDteam</h1>
29</div>
30<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolores, modi temporibus? 
31Ea animi quae ut reiciendis vitae itaque officia, maiores, quasi tempore quibusdam 
32quos tempora voluptatem modi, ipsa eaque molestiae? Lorem ipsum dolor sit amet 
33consectetur adipisicing elit. Dolores, modi temporibus? Ea animi quae ut reiciendis 
34vitae itaque officia, maiores, quasi tempore quibusdam quos tempora voluptatem modi, 
35ipsa eaque molestiae?</p>
36<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolores, modi temporibus? 
37Ea animi quae ut reiciendis vitae itaque officia, maiores, quasi tempore quibusdam 
38quos tempora voluptatem modi, ipsa eaque molestiae? Lorem ipsum dolor sit amet 
39consectetur adipisicing elit. Dolores, modi temporibus? Ea animi quae ut reiciendis 
40vitae itaque officia, maiores, quasi tempore quibusdam quos tempora voluptatem modi, 
41ipsa eaque molestiae?</p>
42</main>
43<footer class="footer">
44    EDteam | 2021 - 2022
45</footer>
46<script src="scripts.js"></script>

Código CSS

1:root {
2    --bg-color: #eee;
3    --bg-color-2: #fff;
4    --text-color: #53575A;
5    --accent-color: #007BDF;
6    --font: 'Open Sans', sans-serif;   
7}
8
9*,*::before,*::after {
10    box-sizing: border-box;
11}
12
13body {
14    display: grid;
15    min-height: calc(100vh - 2rem);
16    grid-template-columns: repeat(4, 1fr);
17    grid-template-rows: 4rem 1fr 4rem;
18    grid-gap: 1rem;
19    margin: 1rem;
20    font-family: var(--font);
21}
22
23img {
24    width: 100%;
25}
26
27main {
28    grid-column: span 3;
29}
30
31.header,
32.footer {
33    grid-column: span 4;
34}
35
36.header,
37.sidebar,
38.main,
39.footer {
40    padding-left: 1rem;
41    padding-right: 1rem;
42}
43.theme {
44    padding: .2rem 0;
45}
46
47.header,
48.footer {
49    display: flex;
50    align-items: center;
51}
52
53.nav {
54    margin-left: auto;
55}
56
57.menu {
58    list-style: none;
59    display: flex;
60}
61
62.menu li {
63    margin-left: 1rem;
64}
65
66.menu a {
67    text-decoration: none;
68}
69
70.footer {
71    justify-content: center;
72}
73
74.hero {
75    position: relative;
76    margin-bottom: 2rem;
77}
78
79.hero::before {
80    content: '';
81    position: absolute;
82    top: 0;
83    left: 0;
84    width: 100%;
85    height: 100%;
86    opacity: .9;
87}
88
89.hero h1 {
90    position: absolute;
91    top: 50%;
92    transform: translateY(-50%);
93    width: 100%;
94    text-align: center;
95}
96
97/* Theme */
98body {
99    background-color: var(--bg-color);
100    color: var(--text-color);
101}
102
103a {
104    color: var(--accent-color);
105}
106
107.header,
108.footer,
109.sidebar {
110    background-color: var(--bg-color-2);
111}
112
113.hero::before {
114    background-color: var(--accent-color);
115}
116
117.hero h1 {
118    color: var(--bg-color-2);
119}

Código JS

1const changeThemeButtons = document.querySelectorAll('[name=theme]')
2const rootStyles = document.documentElement.style
3
4const lightTheme = {
5   '--bg-color': "#EEE",
6   '--bg-color-2': "#FFF",
7   '--text-color': "#53575A",
8   '--accent-color': "#007BDF",
9   '--font': "'Open Sans', sans-serif"   
10}
11
12const darkTheme = {
13   '--bg-color': "#53575A",
14   '--bg-color-2': "#282D31",
15   '--text-color': "#EEE",
16   '--accent-color': "#FF3C32",
17   '--font': "'Open Sans', sans-serif"   
18}
19
20for(let button of changeThemeButtons) {
21   button.addEventListener('change', e => {
22       if (e.target.id === 'dark') {
23           changeTheme(darkTheme)
24       } else if (e.target.id === 'light') {
25           changeTheme(lightTheme)
26       }
27   })
28}
29
30const changeTheme = theme => {
31   let cssVars = Object.keys(theme)
32   for (let cssVar of cssVars) {
33       rootStyles.setProperty(cssVar, theme[cssVar])
34   }
35}

Logo de Angular

Erick Briones@erickbriones

1<svg viewbox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
2    <polygon points="30 45, 100 25, 100 170, 45 140" fill="#DE002D" />
3    <polygon points="170 45, 100 25, 100 170, 155 140" fill="#C4002B" />
4    <polygon points="60 135, 100 40, 100 70, 75 135" fill="#FFF" />
5    <polygon points="140 135, 100 40, 100 70, 125 135" fill="#FFF" />
6    <polyline points="80 105, 120 105" stroke="#FFF" stroke-width="10" />
7</svg>