Add missing files

.gitignore

@@ -5,10 +5,9 @@
 __pycache__/
 django/personalsite/settings.py
 db.sqlite3
-media
+media/
-static
+static/
 venv/
-django/core/static/admin/
 ### Sass ###
 .sass-cache/
 *.css.map

django/core/static/core/README.md

@@ -0,0 +1,21 @@
+## Hacking
+
+## SASS to CSS
+
+1. Requeriments:
+
+    ```
+    gem install sass
+    ```
+
+2. Generate CSS from SASS:
+
+    ```
+    sass -t compressed --sourcemap=none sass/estilos.sass:css/estilos.min.css
+    ```
+
+3. Show CSS to SASS live
+
+    ```
+    sass --watch -t compressed --sourcemap=none sass/estilos.sass:css/estilos.min.css
+    ```

django/core/static/core/js/efectos.js

@@ -0,0 +1,60 @@
+/*
+@licstart  The following is the entire license notice for the
+JavaScript code in this page.
+
+Copyleft 2021 | Heckyel
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+@licend  The above is the entire license notice
+for the JavaScript code in this page.
+*/
+
+(function main() {
+    'use strict';
+    document.addEventListener('DOMContentLoaded', (event) => {
+        // buttons
+        const $aboutUs = document.getElementById('btn-acerca-de');
+        const $project  = document.getElementById('btn-trabajos');
+        const $contact  = document.getElementById('btn-contacto');
+
+        // sections
+        const $acercaDe = document.getElementById('acerca-de');
+        const $trabajos = document.getElementById('trabajos');
+        const $contacto = document.getElementById('contacto');
+
+        $aboutUs.addEventListener('click', (e) => {
+            e.preventDefault();
+            window.scroll({top: 240,  behavior: 'smooth'});
+            location.hash = $aboutUs.hash;
+        });
+
+        $project.addEventListener('click', (e) => {
+            e.preventDefault();
+            $trabajos.scrollIntoView({
+                behavior: "smooth",
+                block: "start",
+                inline: "nearest"
+            });
+            location.hash = $project.hash;
+        });
+
+        $contact.addEventListener('click', (e) => {
+            e.preventDefault();
+            $contacto.scrollIntoView({
+                behavior: "smooth",
+                block: "start",
+                inline: "nearest"
+            });
+            location.hash = $contact.hash;
+        });
+    });
+}());

django/core/static/core/js/formulario.js

@@ -0,0 +1,65 @@
+/*
+@licstart  The following is the entire license notice for the
+JavaScript code in this page.
+
+Copyleft 2021 | Heckyel
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
+See the GNU General Public License for more details.
+
+@licend  The above is the entire license notice
+for the JavaScript code in this page.
+*/
+
+(function main(){
+    'use strict';
+    var formulario = document.getElementById('formulario'),
+        nombre = formulario.name,
+        correo = formulario.email,
+        mensaje = formulario.content,
+        error = document.getElementById('error');
+
+    function validarNombre(e){
+        if(nombre.value == '' || nombre.value == null){
+            console.info('Por favor completa el nombre');
+            error.style.display = 'block';
+            error.innerHTML = error.innerHTML + '<li>Por favor completa el nombre</li>';
+            e.preventDefault();
+        }
+    }
+
+    function validarCorreo(e){
+        if(correo.value == '' || correo.value == null){
+            console.info('Por favor completa el correo');
+            error.style.display = 'block';
+            error.innerHTML = error.innerHTML + '<li>Por favor completa el correo</li>';
+            e.preventDefault();
+        }
+    }
+
+    function validarMensaje(e){
+        if(mensaje.value == '' || mensaje.value == null){
+            console.info('Por favor completa el mensaje');
+            error.style.display = 'block';
+            error.innerHTML = error.innerHTML + '<li>Por favor completa el mensaje</li>';
+            e.preventDefault();
+        }
+    }
+
+    function validarFormulario(e){
+        error.innerHTML = '';
+        error.style.display = 'none';
+        validarNombre(e);
+        validarCorreo(e);
+        validarMensaje(e);
+    }
+
+    formulario.addEventListener('submit', validarFormulario);
+}());

django/core/static/core/lib/normalize-css/.bower.json

@@ -0,0 +1,24 @@
+{
+  "name": "normalize-css",
+  "description": "A modern alternative to CSS resets",
+  "main": "normalize.css",
+  "license": "MIT",
+  "ignore": [
+    "CHANGELOG.md",
+    "CONTRIBUTING.md",
+    "package.json",
+    "README.md",
+    "test.html"
+  ],
+  "homepage": "https://github.com/necolas/normalize.css",
+  "version": "7.0.0",
+  "_release": "7.0.0",
+  "_resolution": {
+    "type": "version",
+    "tag": "7.0.0",
+    "commit": "cd79468238394513cf481338c9dcb9aa8bd9b59c"
+  },
+  "_source": "https://github.com/necolas/normalize.css.git",
+  "_target": "~7.0.0",
+  "_originalSource": "normalize-css"
+}

django/core/static/core/lib/normalize-css/.gitattributes

@@ -0,0 +1,2 @@
+normalize.css linguist-vendored=false
+test.html linguist-vendored

django/core/static/core/lib/normalize-css/.gitignore

@@ -0,0 +1 @@
+node_modules

django/core/static/core/lib/normalize-css/.travis.yml

@@ -0,0 +1,3 @@
+language: node_js
+node_js:
+  - stable

django/core/static/core/lib/normalize-css/LICENSE.md

@@ -0,0 +1,21 @@
+# The MIT License (MIT)
+
+Copyright © Nicolas Gallagher and Jonathan Neal
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
+of the Software, and to permit persons to whom the Software is furnished to do
+so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

django/core/static/core/lib/normalize-css/bower.json

@@ -0,0 +1,13 @@
+{
+  "name": "normalize-css",
+  "description": "A modern alternative to CSS resets",
+  "main": "normalize.css",
+  "license": "MIT",
+  "ignore": [
+    "CHANGELOG.md",
+    "CONTRIBUTING.md",
+    "package.json",
+    "README.md",
+    "test.html"
+  ]
+}

django/core/static/core/lib/normalize-css/normalize.css

@@ -0,0 +1,447 @@
+/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
+
+/* Document
+   ========================================================================== */
+
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in
+ *    IE on Windows Phone and in iOS.
+ */
+
+html {
+  line-height: 1.15; /* 1 */
+  -ms-text-size-adjust: 100%; /* 2 */
+  -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/* Sections
+   ========================================================================== */
+
+/**
+ * Remove the margin in all browsers (opinionated).
+ */
+
+body {
+  margin: 0;
+}
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+article,
+aside,
+footer,
+header,
+nav,
+section {
+  display: block;
+}
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+
+/* Grouping content
+   ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ * 1. Add the correct display in IE.
+ */
+
+figcaption,
+figure,
+main { /* 1 */
+  display: block;
+}
+
+/**
+ * Add the correct margin in IE 8.
+ */
+
+figure {
+  margin: 1em 40px;
+}
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+
+hr {
+  box-sizing: content-box; /* 1 */
+  height: 0; /* 1 */
+  overflow: visible; /* 2 */
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+pre {
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+/* Text-level semantics
+   ========================================================================== */
+
+/**
+ * 1. Remove the gray background on active links in IE 10.
+ * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
+ */
+
+a {
+  background-color: transparent; /* 1 */
+  -webkit-text-decoration-skip: objects; /* 2 */
+}
+
+/**
+ * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+
+abbr[title] {
+  border-bottom: none; /* 1 */
+  text-decoration: underline; /* 2 */
+  text-decoration: underline dotted; /* 2 */
+}
+
+/**
+ * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
+ */
+
+b,
+strong {
+  font-weight: inherit;
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+samp {
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct font style in Android 4.3-.
+ */
+
+dfn {
+  font-style: italic;
+}
+
+/**
+ * Add the correct background and color in IE 9-.
+ */
+
+mark {
+  background-color: #ff0;
+  color: #000;
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+  font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+/* Embedded content
+   ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+audio,
+video {
+  display: inline-block;
+}
+
+/**
+ * Add the correct display in iOS 4-7.
+ */
+
+audio:not([controls]) {
+  display: none;
+  height: 0;
+}
+
+/**
+ * Remove the border on images inside links in IE 10-.
+ */
+
+img {
+  border-style: none;
+}
+
+/**
+ * Hide the overflow in IE.
+ */
+
+svg:not(:root) {
+  overflow: hidden;
+}
+
+/* Forms
+   ========================================================================== */
+
+/**
+ * 1. Change the font styles in all browsers (opinionated).
+ * 2. Remove the margin in Firefox and Safari.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: sans-serif; /* 1 */
+  font-size: 100%; /* 1 */
+  line-height: 1.15; /* 1 */
+  margin: 0; /* 2 */
+}
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+
+button,
+input { /* 1 */
+  overflow: visible;
+}
+
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+
+button,
+select { /* 1 */
+  text-transform: none;
+}
+
+/**
+ * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
+ *    controls in Android 4.
+ * 2. Correct the inability to style clickable types in iOS and Safari.
+ */
+
+button,
+html [type="button"], /* 1 */
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button; /* 2 */
+}
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+
+button:-moz-focusring,
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
+  outline: 1px dotted ButtonText;
+}
+
+/**
+ * Correct the padding in Firefox.
+ */
+
+fieldset {
+  padding: 0.35em 0.75em 0.625em;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ *    `fieldset` elements in all browsers.
+ */
+
+legend {
+  box-sizing: border-box; /* 1 */
+  color: inherit; /* 2 */
+  display: table; /* 1 */
+  max-width: 100%; /* 1 */
+  padding: 0; /* 3 */
+  white-space: normal; /* 1 */
+}
+
+/**
+ * 1. Add the correct display in IE 9-.
+ * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+
+progress {
+  display: inline-block; /* 1 */
+  vertical-align: baseline; /* 2 */
+}
+
+/**
+ * Remove the default vertical scrollbar in IE.
+ */
+
+textarea {
+  overflow: auto;
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10-.
+ * 2. Remove the padding in IE 10-.
+ */
+
+[type="checkbox"],
+[type="radio"] {
+  box-sizing: border-box; /* 1 */
+  padding: 0; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type="search"] {
+  -webkit-appearance: textfield; /* 1 */
+  outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
+ */
+
+[type="search"]::-webkit-search-cancel-button,
+[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+  -webkit-appearance: button; /* 1 */
+  font: inherit; /* 2 */
+}
+
+/* Interactive
+   ========================================================================== */
+
+/*
+ * Add the correct display in IE 9-.
+ * 1. Add the correct display in Edge, IE, and Firefox.
+ */
+
+details, /* 1 */
+menu {
+  display: block;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+
+summary {
+  display: list-item;
+}
+
+/* Scripting
+   ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+canvas {
+  display: inline-block;
+}
+
+/**
+ * Add the correct display in IE.
+ */
+
+template {
+  display: none;
+}
+
+/* Hidden
+   ========================================================================== */
+
+/**
+ * Add the correct display in IE 10-.
+ */
+
+[hidden] {
+  display: none;
+}

django/core/static/core/librejs.html

@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <title>JavaScript license information</title>
+         <link rel="icon" href="./images/favicon.png" sizes="192x192" />
+    </head>
+    <body>
+        <table id="jslicense-labels1">
+            <tr>
+                <td><a href="./js/formulario.js">formulario.js</a></td>
+                <td><a href="http://www.gnu.org/licenses/gpl-3.0.html">GNU-GPL-3.0-or-later</a></td>
+                <td><a href="./js/formulario.js">formulario.js</a></td>
+            </tr>
+            <tr>
+                <td><a href="./js/efectos.js">efectos.js</a></td>
+                <td><a href="http://www.gnu.org/licenses/gpl-3.0.html">GNU-GPL-3.0-or-later</a></td>
+                <td><a href="./js/efectos.js">efectos.js</a></td>
+            </tr>
+        </table>
+    </body>
+</html>

django/core/static/core/sass/_front.sass

@@ -0,0 +1,244 @@
+html
+    scroll-behavior: smooth
+
+body
+    background: #fff
+    font-family: "liberation serif", "times new roman", calibri, carlito, sans-serif, serif
+    font-size: 16px
+
+.contenedor
+    width: 90%
+    max-width: 1000px
+    margin: auto
+    overflow: hidden
+
+/* ---- ---- HEADER ---- ---- */
+
+header
+    background: url("./../images/BG.jpg") #68bdea
+    background-repeat: no-repeat
+    background-position: center
+    max-height: 600px
+    .menu
+        margin: 40px 0px
+        text-align: right
+        a
+            margin: 0px 20px
+            color: #fff
+            padding-bottom: 9px
+            display: inline-block
+            text-decoration: none
+            border-bottom: 2px solid transparent
+            font-size: 1rem
+            &:hover
+                border-bottom: 2px solid #fff
+    .contenedor-texto
+        display: flex
+        justify-content: center
+        align-content: center
+        margin: 190px 0px
+        .texto
+            border: 2px solid rgba(255, 255, 255, 0.5)
+            border-radius: 3px
+            display: inline-block
+            text-align: center
+            padding: 20px 60px
+            h1, h2
+                color: #fff
+                font-weight: 300
+                margin: 0px
+            .nombre
+                margin-bottom: 10px
+                font-size: 3.125rem
+                line-height: 50px
+            .profesion
+                font-size: 1.5rem
+                line-height: 25px
+
+/* ---- ---- MAIN ---- ---- */
+
+main
+    .contenedor
+        overflow: visible
+    .acerca-de
+        text-align: center
+        .foto
+            margin-top: -60px
+            img
+                vertical-align: top
+                border-radius: 50%
+                border: 5px solid rgba(255, 255, 255, 0.2)
+        .texto
+            color: #5a5a5a
+            font-weight: 600
+            font-size: 1rem
+            line-height: 30px
+            width: 80%
+            margin: 40px auto 60px auto
+            .titulo
+                font-size: 2.125rem
+                margin-bottom: 40px
+                font-weight: 300
+                color: #dd820d
+                text-align: center
+            .bold
+                color: #3895ea
+                text-decoration: underline
+    .trabajos
+        background: #f2f2f2
+        padding: 60px 0
+        .contenedor
+            overflow: hidden
+        .titulo
+            font-size: 2.125rem
+            line-height: 34px
+            margin-bottom: 40px
+            font-weight: 300
+            color: #323068
+            text-align: center
+        .contenedor-trabajos
+            display: flex
+            flex-direction: row
+            flex-wrap: wrap
+            justify-content: space-between
+            .trabajo
+                width: 23%
+                margin-bottom: 40px
+                .thumb
+                    width: 100%
+                    margin-bottom: 10px
+                    img
+                        width: 100%
+                        vertical-align: top
+                        border-radius: 3px
+                .descripcion
+                    text-align: center
+                    .nombre
+                        font-weight: 700
+                        color: #3895ea
+                        margin-bottom: 10px
+                        a
+                            text-decoration: none
+                            color: #3895ea
+                    .categoria
+                        font-size: 0.8rem
+                        color: #636363
+
+/* ---- ---- FOOTER ---- ---- */
+
+footer
+    .contacto
+        padding: 60px 0
+        .titulo
+            font-size: 2.125rem
+            line-height: 34px
+            margin-bottom: 40px
+            font-weight: 300
+            color: #3895ea
+            text-align: center
+        .formulario
+            display: flex
+            flex-wrap: wrap
+            justify-content: space-between
+            input
+                &[type="text"], &[type="email"]
+                    background: #f3f4f7
+                    border: 2px solid #cecece
+                    border-radius: 5px
+                    padding: 15px 20px
+                    font-size: 1.125rem
+                    color: #a4a4a4
+            textarea
+                background: #f3f4f7
+                border: 2px solid #cecece
+                border-radius: 5px
+                padding: 15px 20px
+                font-size: 1.25rem
+                color: #a4a4a4
+            input
+                &[type="text"]:focus, &[type="email"]:focus
+                    border: 2px solid #3895ea
+            textarea:focus
+                border: 2px solid #3895ea
+            input
+                &[type="text"], &[type="email"]
+                    width: 45%
+                    margin-bottom: 15px
+            textarea
+                width: 100%
+                height: 100px
+                max-width: 100%
+                min-height: 100px
+                max-height: 300px
+                margin-bottom: 15px
+            .error
+                display: none
+                margin-top: 20px
+                border-radius: 3px
+                background: #fc636b
+                color: #fff
+                padding: 15px 10px
+                padding-left: 40px
+                width: 100%
+            .boton
+                margin: auto
+                background: #3895ea
+                color: #fff
+                border: none
+                border-radius: 3px
+                padding: 15px 40px
+                cursor: pointer
+                &:hover
+                    background: #387bea
+        .alert
+            &.success
+                color: #3895ea
+                white-space: pre-line
+            &.danger
+                color: #ee4c58
+                white-space: pre-line
+    .redes-sociales-libres
+        background: #1e2b38
+        padding: 60px 0
+        .contenedor
+            display: flex
+            justify-content: center
+        a
+            color: #fff
+            text-align: center
+            width: 100px
+            display: block
+            padding: 15px 0
+            border-radius: 3px
+            font-size: 1.8rem
+            margin: 0 20px
+            svg
+                fill: currentcolor
+                width: 24px
+        .diaspora:hover
+            background: #010101
+        .gnusocial:hover
+            background: #a42833
+        .gitlab:hover
+            background: #e24329
+        .libregit:hover
+            background: #333333
+        .mediagoblin:hover
+            background: #775fa3
+        .notabug:hover
+            background: #244664
+        .peertube:hover
+            background: #f1680d
+    .copyleft
+        background: #192633
+        padding: 5px 0
+        p
+            color: #fff
+            text-align: center
+            font-size: 0.75rem
+            a
+                color: #3895ea
+                text-decoration: none
+            svg
+                width: 0.5rem
+                fill: currentcolor

django/core/static/core/sass/_mediaqueries.sass

@@ -0,0 +1,41 @@
+@media screen and (max-width: 985px)
+    footer .contacto .formulario input
+        &[type="text"], &[type="email"]
+            width: 44%
+
+@media screen and (max-width: 830px)
+    footer .contacto .formulario input
+        &[type="text"], &[type="email"]
+            width: 42%
+
+@media screen and (max-width: 800px)
+    header .menu
+        text-align: center
+    main .trabajos .contenedor-trabajos .trabajo
+        width: 46%
+    footer .contacto .formulario [type="text"], [type="email"]
+        width: 100%
+
+@media screen and (max-width: 630px)
+    footer .contacto .formulario input
+        &[type="text"], &[type="email"]
+            width: 100%
+
+@media screen and (max-width: 500px)
+    header .contenedor-texto .texto
+        .nombre
+            font-size: 35px
+        .profesion
+            font-size: 18px
+    footer .redes-sociales-libres .contenedor
+        flex-wrap: wrap
+        padding: 20px 0
+
+@media screen and (max-width: 320px)
+    footer .contacto .formulario input
+        &[type="text"], &[type="email"]
+            width: 84%
+    footer
+        .copyleft
+            p
+                font-size: 0.60rem

django/core/static/core/sass/estilos.sass

@@ -0,0 +1,8 @@
+// Estilos para Portafolio
+// License AGPLv3 or later
+
+/* ---- Frontend ---- */
+@import front
+
+/* ---- MEDIA QUERIES ---- */
+@import mediaqueries