.env

@@ -35,6 +35,7 @@ SITE_BASE_SCHEME=http
 SITE_BASE_HOST=localhost
 SITE_BASE_URL=$SITE_BASE_SCHEME://$SITE_BASE_HOST
 
+
 ###< redireccion temporal ###
 
 SITE_TEMPORAL=true
@@ -61,3 +62,12 @@ QUEUE_ENABLE=false
 WKHTMLTOPDF_PATH=/usr/bin/wkhtmltopdf
 WKHTMLTOIMAGE_PATH=/usr/bin/wkhtmltoimage
 ###< knplabs/knp-snappy-bundle ###
+
+DEV_MAIL_RECIPIENT=someone@example.com
+
+###> symfony/messenger ###
+# Choose one of the transports below
+# MESSENGER_TRANSPORT_DSN=amqp://guest:guest@localhost:5672/%2f/messages
+# MESSENGER_TRANSPORT_DSN=redis://localhost:6379/messages
+MESSENGER_TRANSPORT_DSN=doctrine://default?auto_setup=0
+###< symfony/messenger ###

.env.test

@@ -4,3 +4,5 @@ APP_SECRET='$ecretf0rt3st'
 SYMFONY_DEPRECATIONS_HELPER=999999
 PANTHER_APP_ENV=panther
 PANTHER_ERROR_SCREENSHOT_DIR=./var/error-screenshots
+MESSENGER_TRANSPORT_DSN=in-memory://
+

README.md

@@ -91,6 +91,12 @@ Control + Alt + m
 >Opera 	Shift + Esc abre una lista de contenidos, los cuales son accesibles a través de accesskey, después se puede elegir un item presionando m
 
 
+###### Gracias
+
+[SymfonyCasts](https://symfonycasts.com/screencast/mailer/encore-css#play)
+
+
+
 #### PayunPILE se base en
 - [Symfony][1] framework PHP.
 - [Bootstrap](https://getbootstrap.com/) plantillas.

assets/css/account.scss

@@ -0,0 +1,90 @@
+.square, .btn {
+    border-radius: 0px!important;
+}
+
+/* -- color classes -- */
+.spacepurplebg {
+    background-color: #5b4f69;
+}
+
+.white {
+    color: #fff!important;
+}
+
+div.user-menu-container {
+  z-index: 10;
+  background-color: #fff;
+  margin-top: 20px;
+  background-clip: padding-box;
+  opacity: 0.97;
+  filter: alpha(opacity=97);
+  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
+  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
+}
+
+div.user-menu-container h4 {
+    font-weight: 300;
+    color: #8b8b8b;
+}
+
+div.user-menu-container a, div.user-menu-container .btn  {
+    transition: 1s ease;
+}
+
+div.user-menu-container .thumbnail {
+   width:100%;
+   min-height:200px;
+   border: 0px!important;
+   padding: 0px;
+   border-radius: 0;
+   border: 0px!important;
+}
+
+/* -- The btn stylings for the btn icons -- */
+.btn-label {position: relative;left: -12px;display: inline-block;padding: 6px 12px;background: rgba(0,0,0,0.15);border-radius: 3px 0 0 3px;}
+.btn-labeled {padding-top: 0;padding-bottom: 0;}
+
+/* -- Custom classes for the snippet, won't effect any existing bootstrap classes of your site, but can be reused. -- */
+
+.user-pad {
+    padding: 20px 25px;
+}
+
+.no-pad {
+    padding-right: 0;
+    padding-left: 0;
+    padding-bottom: 0;
+}
+
+.user-details {
+    background: #eee;
+    min-height: 333px;
+}
+
+.user-image {
+  max-height:200px;
+  overflow:hidden;
+}
+
+.overview h3 {
+    font-weight: 300;
+    margin-top: 15px;
+    margin: 10px 0 0 0;
+}
+
+.overview h4 {
+    font-weight: bold!important;
+    font-size: 40px;
+    margin-top: 0;
+}
+
+.square, .btn {
+    border-radius: 0px!important;
+}
+
+/* -- media query for user profile image -- */
+@media (max-width: 767px) {
+    .user-image {
+        max-height: 400px;
+    }
+}

assets/css/algolia-autocomplete.scss

@@ -0,0 +1,26 @@
+.algolia-autocomplete {
+  width: 100%;
+}
+.algolia-autocomplete .aa-input, .algolia-autocomplete .aa-hint {
+  width: 100%;
+}
+.algolia-autocomplete .aa-hint {
+  color: #999;
+}
+.algolia-autocomplete .aa-dropdown-menu {
+  width: 100%;
+  background-color: #fff;
+  border: 1px solid #999;
+  border-top: none;
+}
+.algolia-autocomplete .aa-dropdown-menu .aa-suggestion {
+  cursor: pointer;
+  padding: 5px 4px;
+}
+.algolia-autocomplete .aa-dropdown-menu .aa-suggestion.aa-cursor {
+  background-color: #B2D7FF;
+}
+.algolia-autocomplete .aa-dropdown-menu .aa-suggestion em {
+  font-weight: bold;
+  font-style: normal;
+}

assets/css/app.scss

@@ -0,0 +1,12 @@
+@import './helper/variables';
+
+@import '~bootstrap';
+@import '~font-awesome';
+
+@import './layout/header';
+@import './layout/footer';
+
+@import './components/ad';
+@import './components/articles';
+@import './components/profile';
+@import './components/sortable';

assets/css/article_show.scss

@@ -0,0 +1,73 @@
+@import './helper/variables';
+
+/* ARTICLE SHOW PAGE */
+
+.show-article-container {
+    width: 100%;
+    background-color: #fff;
+}
+
+.show-article-container.show-article-container-border-green {
+    border-top: 3px solid green;
+    border-radius: 3px;
+}
+
+.show-article-img {
+    width: 250px;
+    height: auto;
+    border-radius: 5px;
+}
+
+.show-article-title {
+    font-size: 2em;
+}
+
+.like-article, .like-article:hover {
+    color: red;
+    text-decoration: none;
+}
+
+@media (max-width: 991px) {
+    .show-article-title {
+        font-size: 1.5em;
+    }
+
+    .show-article-title-container {
+        max-width: 220px;
+    }
+}
+
+.article-text {
+    margin-top: 20px;
+}
+
+.share-icons i {
+    font-size: 1.5em;
+}
+
+.comment-container {
+    max-width: 600px;
+}
+
+.comment-img {
+    width: 50px;
+    height: auto;
+    border: 1px solid darkgray;
+}
+
+.commenter-name {
+    font-weight: bold;
+}
+
+.comment-form {
+    min-width: 500px;
+}
+
+@media (max-width: 767px) {
+    .comment-form {
+        min-width: 260px;
+    }
+    .comment-container {
+        max-width: 280px;
+    }
+}

assets/css/email.scss

@@ -0,0 +1,38 @@
+@import "~foundation-emails/dist/foundation-emails.css";
+
+body {
+    margin: 0;
+    padding: 0;
+    background-color: #f3f3f3;
+    font-family: Helvetica, Arial, sans-serif;
+}
+h1 {
+    background-color: #264459;
+    color: #ffffff;
+    /*padding: 30px 0 50px 0;*/
+    font-weight: normal;
+}
+hr {
+    border: none;
+    border-top: 3px solid #264459;
+    margin: 20px;
+}
+.welcome {
+    background-color: #264459;
+}
+.bottom {
+    background-color: #efefee;
+}
+.logo {
+    width: 100%;
+}
+.text-center {
+    text-align: center;
+}
+table.button a {
+    background-color: #264459;
+}
+table.button table td {
+    background-color: #264459;
+    border: 2px solid #264459;
+}

assets/css/login.scss

@@ -0,0 +1,39 @@
+body {
+    background-color: #fff;
+}
+
+.form-signin {
+    width: 100%;
+    max-width: 330px;
+    padding: 15px;
+    margin: auto;
+    margin-top: 50px;
+}
+
+.form-signin .checkbox {
+    font-weight: 400;
+}
+
+.form-signin .form-control {
+    position: relative;
+    box-sizing: border-box;
+    height: auto;
+    padding: 10px;
+    font-size: 16px;
+}
+
+.form-signin .form-control:focus {
+    z-index: 2;
+}
+
+.form-signin input[type="email"] {
+    margin-bottom: -1px;
+    border-bottom-right-radius: 0;
+    border-bottom-left-radius: 0;
+}
+
+.form-signin input[type="password"] {
+    margin-bottom: 10px;
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+}

composer.json

@@ -52,6 +52,7 @@
         "symfony/framework-bundle": "5.4.*",
         "symfony/intl": "5.4.*",
         "symfony/mailer": "5.4.*",
+        "symfony/messenger": "5.4.*",
         "symfony/polyfill-php72": "^1.15",
         "symfony/property-access": "5.4.*",
         "symfony/property-info": "5.4.*",
@@ -62,11 +63,10 @@
         "symfony/webpack-encore-bundle": "^1.7",
         "symfony/yaml": "5.4.*",
         "twig/cssinliner-extra": "^3.1",
-        "twig/extensions": "^1.5",
         "twig/extra-bundle": "^3.1",
         "twig/intl-extra": "^3.1",
         "twig/string-extra": "^3.0",
-        "twig/twig": "^2.12|^3.0"
+        "twig/twig": "^3.11.3"
     },
     "require-dev": {
         "sensiolabs/security-checker": "^6.0",
@@ -82,7 +82,11 @@
         "preferred-install": {
             "*": "dist"
         },
-        "sort-packages": true
+        "sort-packages": true,
+        "allow-plugins": {
+            "endroid/installer": true,
+            "symfony/flex": true
+        }
     },
     "autoload": {
         "psr-4": {