Skip to content

Commit

Permalink
Merge pull request #9 from paddybalinia/feat/error-config
Browse files Browse the repository at this point in the history
feat: error config
  • Loading branch information
paddybalinia authored Aug 10, 2023
2 parents 639be86 + 3b0a2fd commit 3beee2f
Show file tree
Hide file tree
Showing 12 changed files with 357 additions and 1 deletion.
80 changes: 80 additions & 0 deletions 404.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,80 @@
<!DOCTYPE html>
<html lang="es">

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>404 Error | Patricio Baliña</title>

<meta name="title" content="404 Error | Patricio Baliña">
<meta name="robots" content="index, follow">

<meta property="og:title" content="404 Error | Patricio Baliña" />
<meta property="og:type" content="website" />
<meta property="og:description"
content="Desarrollador Frontend con más de 10 años de experiencia. Me considero una persona organizada y responsable, y disfruto trabajar en equipo para lograr resultados ambicioso" />
<meta property="og:url" content="https://patriciobalina.vercel.app/404.html">

<!-- facebook -->
<meta property="og:image" content="static/dist/images/apps/facebook.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />

<!-- wsp -->
<meta property="og:image" content="static/dist/images/apps/wsp.jpg" />
<meta property="og:image:width" content="400" />
<meta property="og:image:height" content="400" />
<meta property="og:site_name" content="Patricio Baliña" />

<!-- twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Patricio Baliña | Frontend Developer" />
<meta name="twitter:image" content="static/dist/images/apps/twitter-summary-card.jpg" />
<meta name="twitter:site" content="https://twitter.com/paddybalinia" />
<meta name="twitter:creator" content="Patricio Baliña" />
<meta name="twitter:url" content="paddybalinia" />
<meta name="twitter:domain" content="https://patriciobalina.vercel.app/">
<meta name="twitter:description"
content="Desarrollador Frontend con más de 10 años de experiencia. Me considero una persona organizada y responsable, y disfruto trabajar en equipo para lograr resultados ambicioso" />

<!-- application -->
<meta name="mobile-web-app-capable" content="yes" />
<meta name="application-name" content="Patricio Baliña" />
<link rel="icon" sizes="192x192" href="static/dist/images/apps/favicon.jpg" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="#000" />
<meta name="apple-mobile-web-app-title" content="Patricio Baliña">
<link rel="apple-touch-icon" href="static/dist/images/apps/precomposed-180.png">
<meta name="msapplication-tap-highlight" content="no">
<meta name="msapplication-TileImage" content="static/dist/images/apps/precomposed-144.png">
<meta name="msapplication-TileColor" content="#000">
<meta name="theme-color" content="#000" />

<link rel="manifest" href="manifest.json">

<link rel="stylesheet" href="static/dist/css/errors.min.css">


</head>

<body>
<div class="error">
<h2 class="error__title">
<span class="error__span">404</span> Page not found.
</h2>
</div>
<script>
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('service-worker.js')
.then(registration => {
console.log('Service Worker registrado con éxito:', registration);
})
.catch(error => {
console.log('Error al registrar el Service Worker:', error);
});
}
</script>
</body>

</html>
81 changes: 81 additions & 0 deletions 500.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,81 @@
<!DOCTYPE html>
<html lang="es">

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>500 Error | Patricio Baliña </title>

<meta name="title" content="500 Error | Patricio Baliña ">

<meta name="robots" content="index, follow">

<meta property="og:title" content="500 Error | Patricio Baliña " />
<meta property="og:type" content="website" />
<meta property="og:description"
content="Desarrollador Frontend con más de 10 años de experiencia. Me considero una persona organizada y responsable, y disfruto trabajar en equipo para lograr resultados ambicioso" />
<meta property="og:url" content="https://patriciobalina.vercel.app/500.html">

<!-- facebook -->
<meta property="og:image" content="static/dist/images/apps/facebook.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />

<!-- wsp -->
<meta property="og:image" content="static/dist/images/apps/wsp.jpg" />
<meta property="og:image:width" content="400" />
<meta property="og:image:height" content="400" />
<meta property="og:site_name" content="Patricio Baliña" />

<!-- twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Patricio Baliña | Frontend Developer" />
<meta name="twitter:image" content="static/dist/images/apps/twitter-summary-card.jpg" />
<meta name="twitter:site" content="https://twitter.com/paddybalinia" />
<meta name="twitter:creator" content="Patricio Baliña" />
<meta name="twitter:url" content="paddybalinia" />
<meta name="twitter:domain" content="https://patriciobalina.vercel.app/">
<meta name="twitter:description"
content="Desarrollador Frontend con más de 10 años de experiencia. Me considero una persona organizada y responsable, y disfruto trabajar en equipo para lograr resultados ambicioso" />

<!-- application -->
<meta name="mobile-web-app-capable" content="yes" />
<meta name="application-name" content="Patricio Baliña" />
<link rel="icon" sizes="192x192" href="static/dist/images/apps/favicon.jpg" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="#000" />
<meta name="apple-mobile-web-app-title" content="Patricio Baliña">
<link rel="apple-touch-icon" href="static/dist/images/apps/precomposed-180.png">
<meta name="msapplication-tap-highlight" content="no">
<meta name="msapplication-TileImage" content="static/dist/images/apps/precomposed-144.png">
<meta name="msapplication-TileColor" content="#000">
<meta name="theme-color" content="#000" />

<link rel="manifest" href="manifest.json">

<link rel="stylesheet" href="static/dist/css/errors.min.css">


</head>

<body>
<div class="error">
<h2 class="error__title">
<span class="error__span">500</span> Internal server error.
</h2>
</div>
<script>
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('service-worker.js')
.then(registration => {
console.log('Service Worker registrado con éxito:', registration);
})
.catch(error => {
console.log('Error al registrar el Service Worker:', error);
});
}
</script>
</body>

</html>
19 changes: 18 additions & 1 deletion index.html
Original file line number Diff line number Diff line change
Expand Up @@ -148,8 +148,16 @@
width: 100vw
}

.splash__icon {
height: auto;
margin: 0 0 30px;
width: 90px
}

.splash__span {
display: block
display: block;
font-size: 36px;
margin: 0 0 5px
}
</style>

Expand All @@ -159,6 +167,15 @@
<body>
<div class="splash">
<h2 class="splash__title">
<svg class="splash__icon" width="512" height="512" viewBox="0 0 512 512" fill="none">
<path
d="M193 33.5002C184.7 35.2002 181 36.6002 181 38.2002C181 38.9002 192.1 50.6002 205.7 64.2002L230.5 89.0002L225.1 105.2C222.2 114.2 219.3 122 218.6 122.6C218 123.3 210.2 126.2 201.2 129.1L185 134.5L160.2 109.7C146.6 96.1002 134.9 85.0002 134.2 85.0002C131 85.0002 127.5 102.9 128.3 116C129.5 136.8 137.4 154.3 152 168.8C172.2 188.7 200.5 196.1 229 188.9L237.3 186.8L332.4 281.8C423.2 372.4 427.8 376.9 433.3 378.9C440.4 381.5 449.7 381.7 456.6 379.3C463.3 377 473 367.3 475.3 360.6C477.7 353.7 477.5 344.4 474.9 337.3C472.9 331.8 468.4 327.2 377.8 236.4L282.8 141.3L284.9 133C291.6 106.3 285.7 80.1002 268.5 59.9002C250.2 38.4002 220.3 28.0002 193 33.5002Z"
fill="white" />
<path
d="M92.2 247.9C81 254.4 71.1 260.4 70.3 261.3C67.7 263.9 68.4 267.9 73.8 280.3L78.9 292L74.2 299.3C71.6 303.3 68.2 309.4 66.6 312.8C64.4 317.4 63.1 319 61.6 319C60.4 319.1 54.3 319.7 48 320.5C31.1 322.5 32 320.7 32 352C32 383.3 31.1 381.5 48 383.5C54.3 384.3 60.5 384.9 61.6 385C63.2 385 64.3 386.3 66 390.2C67.2 393.1 70.6 399.2 73.6 403.7L78.9 412L73.8 423.7C68.6 435.8 67.7 439.8 69.9 442.4C70.6 443.2 80.6 449.3 92 455.9C106.4 464.3 113.9 468 116 468C119.7 468 121.1 466.6 129.9 454.4L136.2 445.5H152H167.7L174.1 454.4C182.9 466.6 184.3 468 188 468C190.2 468 197.5 464.3 212 456C223.4 449.4 233.3 443.3 234 442.5C236.2 439.9 235.3 435.4 230.2 423.7L225 411.9L229 405.9C231.3 402.7 234.6 396.7 236.6 392.7L240 385.5L253.7 383.9C273.2 381.5 272 383.7 272 352C272 320.3 273.2 322.4 253.8 320.2L240.2 318.7L237.4 312.6C235.8 309.3 232.4 303.3 229.8 299.3L225.1 292L230.2 280.3C235.5 268.2 236.3 264.2 234.1 261.6C233.4 260.7 223.4 254.6 212 248C197.5 239.7 190.2 236 188 236C184.3 236 182.9 237.4 174.1 249.6L167.8 258.5H152H136.2L129.9 249.6C126.4 244.8 122.5 239.7 121.3 238.4C117.3 234.1 114.3 235 92.2 247.9ZM163.5 305.5C189.1 312.2 205 338.4 198.5 363.3C191.8 389.1 165.6 405 140.7 398.5C115 391.8 99 365.6 105.5 340.7C112.2 314.9 138.4 299 163.5 305.5Z"
fill="white" />
</svg>

<span class="splash__span">En construcción</span> Vuelve pronto.
</h2>
</div>
Expand Down
96 changes: 96 additions & 0 deletions static/src/css/errors.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,96 @@
* {
box-sizing: border-box;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-overflow-scrolling: touch;
scroll-behavior: smooth;
}

body {
background-color: #FFFFFF;
color: black;
font: 1rem/1.1 "Arial", sans-serif;
margin: 0;
padding-top: 0;
}

a {
text-decoration: none;
outline: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
margin: 0;
}

figure,
ul,
ol,
li {
margin: 0;
padding: 0;
list-style: none;
}

img {
border: none;
vertical-align: top;
text-indent: -9999px;
}

fieldset {
border: none;
padding: 0;
margin: 0;
}

button {
background: transparent;
border: none;
cursor: pointer;
outline: 0;
padding: 0;
}

input:focus,
input {
font-size: 16px;
}

*:focus {
outline: none;
box-shadow: none;
}

.error {
background: black;
color: white;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
height: 100vh;
width: 100vw;
}
.error__span {
display: block;
font-size: 108px;
}
.error__span:after {
content: "";
display: block;
width: 45px;
height: 1px;
background: white;
margin: -2px auto 11px;
}
22 changes: 22 additions & 0 deletions static/src/css/partials/errors.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
.error {
background: black;
color: white;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
height: 100vh;
width: 100vw;
}
.error__span {
display: block;
font-size: 108px;
}
.error__span:after {
content: "";
display: block;
width: 45px;
height: 1px;
background: white;
margin: -2px auto 11px;
}
7 changes: 7 additions & 0 deletions static/src/css/partials/splash.css
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,13 @@
height: 100vh;
width: 100vw;
}
.splash__icon {
height: auto;
margin: 0 0 30px;
width: 90px;
}
.splash__span {
display: block;
font-size: 36px;
margin: 0 0 5px;
}
7 changes: 7 additions & 0 deletions static/src/css/style-inline.css
Original file line number Diff line number Diff line change
Expand Up @@ -82,6 +82,13 @@ input {
height: 100vh;
width: 100vw;
}
.splash__icon {
height: auto;
margin: 0 0 30px;
width: 90px;
}
.splash__span {
display: block;
font-size: 36px;
margin: 0 0 5px;
}
7 changes: 7 additions & 0 deletions static/src/css/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,13 @@
height: 100vh;
width: 100vw;
}
.splash__icon {
height: auto;
margin: 0 0 30px;
width: 90px;
}
.splash__span {
display: block;
font-size: 36px;
margin: 0 0 5px;
}
2 changes: 2 additions & 0 deletions static/src/scss/errors.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
@import 'partials/normalize.scss';
@import 'partials/errors.scss';
26 changes: 26 additions & 0 deletions static/src/scss/partials/errors.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
@import '../vars.scss';

.error {
background: black;
color: white;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
height: 100vh;
width: 100vw;

&__span {
display: block;
font-size: 108px;

&:after {
content: "";
display: block;
width: 45px;
height: 1px;
background: white;
margin: -2px auto 11px;
}
}
}
Loading

0 comments on commit 3beee2f

Please sign in to comment.