some work

config.toml

@@ -10,6 +10,18 @@ copyright = "© Copyright 2018 RadioClub EIT"
 # Build future content [IMPORTANT]
 buildfuture = true
 
+[related]
+  [[related.indices]]
+    name = "categories" # The name of the indice, same as Front Matter's .Param key.
+    weight = "1" # We don't really need this, but omitting it would disable the indice.
+    includeNewer = "true" # Here our relationship is timeless! This prevents Hugo from ignoring newer posts.
+  [[related.indices]]
+    name = "tags" # The name of the indice, same as Front Matter's .Param key.
+    weight = "1" # We don't really need this, but omitting it would disable the indice.
+    includeNewer = "true" # Here our relationship is timeless! This prevents Hugo from ignoring newer posts.
+
+
+
 [params]
   # whether to use CDN or local file for fontawesome
   #useCDN = false

content/projects/ewetasker.md

@@ -3,6 +3,8 @@ layout: project
 
 title: Ewetasker emotion aware automation platform
 
+subtitle: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+
 startDate: 2019-12-05
 finishDate: ~
 
@@ -17,7 +19,12 @@ logo: https://raw.githubusercontent.com/gsi-upm/ewe-tasker/master/www/img/ewetas
 pypi: ~
 docker: ~
 categories:
-  - agents-based-simulation
+#   - agents-based-simulation
+#  - nlp
+#  - sentiment-analysis
+  - semantic-technologies
+  - web-engineering
+#  - other
 tags:
   - ewe
   - pearl
@@ -25,6 +32,10 @@ tags:
   - php
   - semantic
   - IoT
+
+related:
+  - sematch
+  - gsitk
 ---
 
 EWE Tasker is an emotion aware automation platform based on semantic ECA (Event-Condition-Action) rules. It is capable of enable semantic automation rules in a smart environment allowing the user to configure his own automation rules in an easy way. This platform is divided in two modules: Ewetasker Server module, and Ewetasker Web Client module.

content/projects/gsicrawler.mmd → content/projects/gsicrawler.md

 ---
+layout: project
+title: GSI Crawler Semantic Framework
 
-- id: gsicrawler
-   github: gsi-upm/gsicrawler
-   gitlab: gsicrawler/gsicrawler
-   docs: http://gsicrawler.readthedocs.io/en/latest/
-   demo: http://gsicrawler.cluster.gsi.dit.upm.es/
-   logo: http://gsicrawler.readthedocs.io/en/latest/_static/logo-gsi-crawler.png
-   pypi: ~
-   docker: https://hub.docker.com/r/gsiupm/gsicrawler/
-   categories:
-     - web-engineering
-   tags:
-     - scraping
-     - luigi
-     - newspaper
-     - semantic-web
+subtitle: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
 
+startDate: 2019-12-05
+finishDate: ~
+
+state: En progreso
+
+id: gsicrawler
+github: gsi-upm/gsicrawler
+gitlab: gsicrawler/gsicrawler
+docs: http://gsicrawler.readthedocs.io/en/latest/
+demo: http://gsicrawler.cluster.gsi.dit.upm.es/
+logo: http://gsicrawler.readthedocs.io/en/latest/_static/logo-gsi-crawler.png
+pypi: ~
+docker: https://hub.docker.com/r/gsiupm/gsicrawler/
+categories:
+  - web-engineering
+tags:
+  - ewe
+  - scraping
+  - luigi
+  - newspaper
+  - semantic-web
 ---
 
 GSI Crawler is an innovative and useful framework which aims to extract information from web pages enriching following semantic approaches. At the moment, there are three available platforms: Twitter, Reddit and News. The user interacts with the tool through a web interface, selecting the analysis type he wants to carry out and the platform that is going to be examined.

content/projects/gsitk.mmd → content/projects/gsitk.md

 ---
+layout: project
 
-- id: gsitk
-    github: gsi-upm/gsitk
-    gitlab: gsitk/gsitk
-    docs: ~
-    demo: ~
-    logo: ~
-    pypi: https://pypi.org/project/gsitk/
-    docker: ~
-    categories:
-      - nlp
-    tags:
-      - sklearn
-      - pipelines
-      - preprocessing
-      - simon
-      - sentiment
+title: GSITK NLP machine learning driven projects
 
----
+subtitle: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
+
+startDate: 2019-12-05
+finishDate: ~
 
+state: En progreso
+
+id: gsitk
+github: gsi-upm/gsitk
+gitlab: gsitk/gsitk
+docs: ~
+demo: ~
+logo: https://avatars0.githubusercontent.com/u/2894736?s=200&v=4
+pypi: https://pypi.org/project/gsitk/
+docker: ~
+categories:
+  - nlp
+tags:
+  - ewe
+  - sklearn
+  - pipelines
+  - preprocessing
+  - simon
+  - sentiment
+---
 
 gsitk is a library on top of scikit-learn that eases the development process on NLP machine learning driven projects. It uses numpy, pandas and related libraries to easy the development.
 

content/projects/sematch.mmd → content/projects/sematch.md

 ---
+layout: project
 
-- id: sematch
-    github: gsi-upm/sematch
-    gitlab: ~
-    docs: ~
-    demo: http://sematch.cluster.gsi.dit.upm.es/
-    logo: https://raw.githubusercontent.com/gsi-upm/sematch/master/docs/sources/img/logo.png
-    pypi: https://libraries.io/pypi/sematch
-    docker: ~
-    categories:
-      - nlp
-    tags:
-      - semantic-similarity
-      - nlp
-      - semantic-analysis
-      - wordnet
-      - dbpedia
-      - knowledge-graph
+title: Sematch semantic framework
+subtitle: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
 
+startDate: 2019-12-05
+finishDate: ~
+
+state: En progreso
+
+id: sematch
+github: gsi-upm/sematch
+gitlab: ~
+docs: ~
+demo: http://sematch.cluster.gsi.dit.upm.es/
+logo: https://raw.githubusercontent.com/gsi-upm/sematch/master/docs/sources/img/logo.png
+pypi: https://libraries.io/pypi/sematch
+docker: ~
+categories:
+  - nlp
+tags:
+  - semantic-similarity
+  - nlp
+  - semantic-analysis
+  - wordnet
+  - dbpedia
+  - knowledge-graph
 ---
 
 Sematch is an integrated framework for the development, evaluation, and application of semantic similarity for Knowledge Graphs (KGs). It is easy to use Sematch to compute semantic similarity scores of concepts, words and entities. Sematch focuses on specific knowledge-based semantic similarity metrics that rely on structural knowledge in taxonomy (e.g. depth, path length, least common subsumer), and statistical information contents (corpus-IC and graph-IC). Knowledge-based approaches differ from their counterpart corpus-based approaches relying on co-occurrence (e.g. Pointwise Mutual Information) or distributional similarity (Latent Semantic Analysis, Word2Vec, GLOVE and etc). Knowledge-based approaches are usually used for structural KGs, while corpus-based approaches are normally applied in textual corpora.

content/projects/senpy.mmd → content/projects/senpy.md

 ---
 layout: project
 
-#Datos del Evento
-title: "Taller de Hugo"
-subtitle: "5 de diciembre del 2018 / ETSIT UPM, Madrid"
-description: "Introducción rápida de git con gitea. Se explicará cómo sacar partido de git para los trabajos que nos envian en la universidad. Además se enseñarán algunas cosas muy útiles como github pages para hacer blogs."
-
-startTime: "13:00"
-endTime: "14:30"
-
-date: 2018-12-06T13:00:00
-
-#Lugar
-place: "Radioclub, ETSIT UPM, Madrid"
-street: "Av. Complutense, 30"
-locality: "Madrid"
-postalCode: "28040"
-map: https://goo.gl/maps/VojD4d6S7An
-
-category: actividades
-user: A100
-
-
-
-
-
-
+title: Senpy sentimental and emotion analysis service
 
+subtitle: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
 
+startDate: 2019-12-05
+finishDate: ~
 
+state: En progreso
 
 id: senpy
 github: gsi-upm/senpy
@@ -56,8 +36,6 @@ tags:
   - emotion
   - sentiment
   - python
-
-
 ---
 
 Senpy lets you create sentiment analysis web services easily, fast and using a well known API. As a bonus, senpy services use semantic vocabularies (e.g. NIF, Marl, Onyx) and formats (turtle, JSON-LD, xml-rdf).

interne-garito

-# Always accept loopback traffic
-iptables -A INPUT -i lo -j ACCEPT
-
-
-# Allow established connections, and those not coming from the outside
-iptables -A INPUT -m state --state ESTABLISHED,RELATED -j ACCEPT
-iptables -A INPUT -m state --state NEW ! -i eth0 -j ACCEPT
-iptables -A FORWARD -i eth0 -o eth1 -m state --state ESTABLISHED,RELATED -j ACCEPT
-
-# Allow outgoing connections from the LAN side.
-iptables -A FORWARD -i eth1 -o eth0 -j ACCEPT
-
-# Masquerade.
-iptables -t nat -A POSTROUTING -o eth0 -j MASQUERADE
-
-# Don't forward from the outside to the inside.
-iptables -A FORWARD -i eth0 -o eth0 -j REJECT
-
-
-
-
-
----
-
-iptables -t nat -A POSTROUTING ! -d 192.168.0.0/24 -o eth0 -j MASQUERADE

layouts/index.html

 {{ define "main" }}
 <div class="main">
+
+  <div class="row info-row-index">
+    <div class="col-md-4">
+    </div>
+    <div class="col-md-4">
+        <div class="jumbotron adapted logo-container" align="center">
+          <img class="img-responsive" src="assets/themes/bootstrap-3/css/images/logo_title.png">
+        </div>
+    </div>
+    <div class="col-md-4">
+    </div>
+  </div>
+
   <div class="row">
-    <div class="col-md-7">
-        <h3>La Jaquería</h3>
-        <p>La Jaquería es una organización de naturaleza asociativa sin ánimo de lucro, con fines culturales, situada en Almería.
-          Sus principales finalidades son, resumiendo, promover la experimentación y el conocimiento tecnológico, científico, y artístico a través de la colaboración y educación social sirviendo de punto de difusión de la llamada cultura maker, o conjunto de prácticas basadas en el “hágalo por si mismo” herederas de la ética hacker y la experimentación en los procesos de creación y fabricación digital (diseño global, fabricación local), acercando la Ciencia y la Tecnología a la ciudadanía para fomentar la cultura científica y el racionalismo.
-          <br>
-          Todo ello estimulando lo colectivo tanto como lo personal, la cercanía entre iguales, los afectos, los proyectos, ideas o sueños. Esperamos ser un espacio de colaboración que
-          solucione problemas reales de la sociedad tanto como divertirnos debatiendo, haciendo o compartiendo; queremos ser lugar y grupo de cooperación, difusión y divulgación científico humanística a partes iguales.</p>
+    <div class="page-header" style="margin-top:10px;" align="center">
+      <h1>Categorías de los repositorios</h1>
+    </div>
+
+    <!-- CATEGORIAS -->
+    <div class="col-md-6">
+      <div class="jumbotron main-box adapted" id="div-image-1" data-toggle="collapse" data-target="#divmain1">
+        <h2>Agentes y Simulación Social</h2>
+        <div class="collapse" id="divmain1">
+          <p>Dentro de este área hacemos uso de agentes inteligentes para la gestión de redes y servicios; aplicaciones educacionales; asistencia personal; y, simulación social.</p>
+          <div class="btn-group btn-group-justified">
+              <a href="/categories/agents-based-simulation" class="btn btn-primary btn-lg">Ver más</a>
+          </div>
+        </div>
+      </div>
+      <div class="jumbotron main-box adapted" id="div-image-2" data-toggle="collapse" data-target="#divmain3">
+          <h2>Big Data y Aprendizaje Automático</h2>
+          <div class="collapse" id="divmain3">
+              <p>Este área engloba el diagnóstico y clasificación distribuidos, la búsqueda semántica a gran escala, el análisis de redes sociales, y el análisis de emociones.</p>
+              <div class="btn-group btn-group-justified">
+                <a href="/categories/sentiment-analysis" class="btn btn-primary btn-lg">Ver más</a>
+              </div>
+          </div>
+      </div>
+      <div class="jumbotron main-box adapted" id="div-image-5" data-toggle="collapse" data-target="#divmain5">
+        <h2>Ingeniería Web y de servicios</h2>
+            <div class="collapse" id="divmain5">
+              <p>En esta línea, estamos investigando metodologías y tecnologías que faciliten el desarrollo ágil de aplicaciones, especialmente de los servicios web.</p>
+              <div class="btn-group btn-group-justified">
+                <a href="/categories/web-engineering" class="btn btn-primary btn-lg">Ver más</a>
+              </div>
+          </div>
+      </div>
     </div>
 
-    <div class="col-md-5">
-      <h3>Próximas Actividades</h3>
-      <ul>
-        {{ range where .Pages.ByDate "Params.category" "actividades" }}
-          {{ if .Date.After now }}
-            <li><span>{{ .Date.Format "2 Jan 2006" }}</span> &raquo; <a href="{{ .URL }}">{{ .Title }}</a></li>
-          {{ end }}
-        {{ end }}
-      </ul>
-      <p><a href="/activities" class="button">Ver las actividades</a></p>
-	    <h3>Blog</h3>
-      <ul>
-        {{ range first 3 (where .Pages "Params.category" "blog") }}
-          <li><a href="{{ .URL }}">{{ .Title }}</a></li>
-        {{ end }}
-      </ul>
-      <p><a href="/blog" class="button">Ver blog</a></p>
+    <div class="col-md-6">
+      <div class="jumbotron main-box adapted" id="div-image-3" data-toggle="collapse" data-target="#divmain2">
+        <h2>NLP y Análisis de Sentimientos</h2>
+        <div class="collapse" id="divmain2">
+          <p>En este área trabajamos en el análisis de sentimientos y emociones en redes sociales, en la búsqueda semántica y en interfaces NLP.</p>
+          <div class="btn-group btn-group-justified">
+            <a href="/categories/nlp" class="btn btn-primary btn-lg">Ver más</a>
+          </div>
+        </div>
+      </div>
+      <div class="jumbotron main-box adapted" id="div-image-4" data-toggle="collapse" data-target="#divmain4">
+        <h2>La Web de Datos y Tecnologías Semánticas</h2>
+        <div class="collapse" id="divmain4">
+          <p>En el GSI estamos interesados en la aplicación de la tecnología semántica a en la Web Social y la Web de las Cosas</p>
+          <div class="btn-group btn-group-justified">
+            <a href="/categories/semantic-technologies" class="btn btn-primary btn-lg">Ver más</a>
+          </div>
+        </div>
+      </div>
+      <div class="jumbotron main-box adapted" id="div-image-6" data-toggle="collapse" data-target="#divmain6">
+      <h2>Otros proyectos</h2>
+        <div class="collapse" id="divmain6">
+          <p>Algunos de nuestros proyectos no encajan en ninguna de las categorías predefinidas o todavía no se les ha asignado una.</p>
+          <div class="btn-group btn-group-justified">
+            <a href="/categories/other" class="btn btn-primary btn-lg">Ver más</a>
+          </div>
+        </div>
+      </div>
     </div>
   </div>
+
 </div>
 {{ end }}

themes/whiteclub/layouts/_default/list.html

@@ -13,6 +13,40 @@
     <section class="list {{ .Kind }}-list">
       {{- $paginator := .Paginator }}
       {{- range $paginator.Pages }}
+
+      <div class="card">
+        <div class="card-body">
+
+          <div class="row">
+
+            <div class="col-3 box-logo">
+              <img src="{{ .Params.logo}}">
+            </div>
+            <div class="col">
+              <ul style="list-style-type:none">
+                <a href="{{ .Permalink | relURL }}" class="article-titles">
+                  <h2 class="article-title">{{ .Title }}</h2>
+                </a>
+
+                <b>Líneas de Investigación:</b>  TODO <br>
+
+                {{ if .Params.startDate}}
+                <li><b>Fecha inicio:</b> {{ dateFormat "2018-12-12" .Params.startDate }}</li>
+                {{ end }}
+
+                {{ if .Params.finishDate}}
+                <li><b>Fecha final:</b> {{ dateFormat "2018-12-12" .Params.finishDate }}</li>
+                {{ end }}
+
+                <li>Estado: gggg</li>
+                <li>Titulares: hhhh</li>
+              </ul>
+            </div>
+          </div>
+
+        </div>
+      </div>
+
       <article class="article">
         <a href="{{ .Permalink | relURL }}" class="article-titles">
           <h2 class="article-title">{{ .Title }}</h2>

themes/whiteclub/layouts/partials/head_custom.html

 <link rel="stylesheet" type="text/css" href="{{ "css/bootstrap.css" | relURL }}" />
-
-<script type="text/javascript"
-  src="{{ "/css/MathJax.js" | relURL }}">
-</script>
+<script src="/js/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
+<script src="/js/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
+<script src="/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>

themes/whiteclub/layouts/partials/header.html

+<nav class="header-site navbar navbar-expand-lg navbar-light" role="navigation" style="box-shadow: 0px 4px 3px rgba(0, 0, 0, .5) !important; border-top: 30px solid #00a9e0 !important;">
+  <div class="container">
+    <a class="logo navbar-brand" href="{{ "/" | relURL }}"><img src="/gsi-logo.png"></a>
 
-<header class="site-header">
-  <nav class="site-navi">
-    <h1 class="site-title"><a href="{{ "/" | relURL }}">{{ .Site.Title }}</a></h1>
-    <ul class="site-navi-items">
-      {{- range .Site.Menus.main }}
-      <li class="site-navi-item-{{ .Identifier }}"><a href="{{ .URL | safeURL }}" title="{{ .Name }}">{{ .Name }}</a></li>
-      {{- end }}
-    </ul>
-  </nav>
-</header>
-<hr class="site-header-bottom">
\ No newline at end of file
+    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+
+    <div class="collapse navbar-collapse" id="navbarSupportedContent">
+      <ul class="navbar-nav mr-auto">
+        {{ $url := print "/" (index (split .URL "/") 1) "/" }}
+        {{- range .Site.Menus.main }}
+        <li class="nav-item {{ if eq $url .URL }}active{{ end }}"><a class="nav-link" href="{{ .URL | safeURL }}" title="{{ .Name }}">{{ .Name }}</a></li>
+        {{- end }}
+
+      </ul>
+
+    </div>
+
+  </div>
+</nav>

themes/whiteclub/layouts/projects/project.html

@@ -33,12 +33,36 @@
 
 
       <div class="container">
-        <div class="row">
 
+        <div class="card-columns">
 
           {{- if .Params.logo }}
-            {{ with .Params.logo }}<img src="{{ . }}"/ style="width:35%; min-width:300px">{{ end }}
-          {{- end}}
+          <div class="card">
+            {{ with .Params.logo }}<img class="card-img-top" src="{{ . }}" alt="Card image cap"> {{ end }}
+            <div class="card-body text-center">
+
+              {{- if .Params.github }}
+              {{ with .Params.github }}<a href="{{ . }}"><i class="fab fa-github fa-lg icon" style="color:#00a9e0"></i></a>{{ end }}
+              {{ end }}
+
+              {{- if .Params.gitlab }}
+              {{ with .Params.gitlab }}<a href="{{ . }}"><i class="fab fa-gitlab fa-lg icon" style="color:#00a9e0"></i></a>{{ end }}
+              {{ end }}
+
+              {{- if .Params.docs }}
+              {{ with .Params.docs }}<a href="{{ . }}"><i class="fas fa-book fa-lg icon" style="color:#00a9e0"></i></a>{{ end }}
+              {{ end }}
+
+              {{- if .Params.docker }}
+              {{ with .Params.docker }}<a href="{{ . }}"><i class="fab fa-docker fa-lg icon" style="color:#00a9e0"></i></a>{{ end }}
+              {{ end }}
+
+              {{- if .Params.pypi }}
+              {{ with .Params.pypi }}<a href="{{ . }}"><i class="fab fa-python fa-lg icon" style="color:#00a9e0"></i></a>{{ end }}
+              {{ end }}
+            </div>
+          </div>
+          {{ end }}
 
           {{- if .Params.github }}
           <div class="card propertyCard">
@@ -122,45 +146,37 @@
 
       {{ .Content }}
 
-    </article>
 
-    {{- if .Params.series }}
-    <section class="article-series">
-      {{- $thispagefilepath := .File.Path }}
-      {{- range .Params.series }}
-      {{- $lseries := replaceRE "( |–)" "-" (lower .) }}
-      <h2 class="series-title"><a href="{{ "/" | relURL }}series/{{ . | urlize }}/"><i class="fas fa-book"></i>&nbsp;{{ . }}</a></h2>
-      <ol reversed="reversed" class="series">
-      {{- range (index $.Site.Taxonomies.series $lseries).Pages.ByDate.Reverse }}
-      {{- if eq $thispagefilepath .File.Path }}
-        <li class="active">{{ .LinkTitle }}</li>
-      {{- else }}
-        <li><a href="{{ .Permalink | relURL }}">{{ .LinkTitle }}</a></li>
-      {{- end }}
-      {{- end }}
-      </ol>
-      {{- end }}
-    </section>
-    {{- end }}
-
-
-    <!-- Si es una herramienta, poner las demos -->
-
-    <ul class="pager article-pager">
-      {{- if .NextInSection }}
-      <li class="pager-newer">
-          <a href="{{ .NextInSection.Permalink | relURL }}" data-toggle="tooltip" data-placement="top" title="{{ .NextInSection.Title }}">&lt; Newer</a>
-      </li>
-      {{- else }}
-      <li class="pager-newer pager-noitem">&lt; Newer</li>
-      {{- end }}
-      {{- if .PrevInSection }}
-      <li class="pager-older">
-        <a href="{{ .PrevInSection.Permalink | relURL }}" data-toggle="tooltip" data-placement="top" title="{{ .PrevInSection.Title }}">Older &gt;</a>
-      </li>
-      {{- else }}
-      <li class="pager-older pager-noitem">Older &gt;</li>
-      {{- end }}
-    </ul>
+      <!-- Si es una herramienta, poner las demos -->
+
+
+
+      <!-- Proyectos similares (con la misma categoria o las mismas tags) -->
+      {{ $related := .Site.RegularPages.RelatedIndices . "categories" "tags" | first 5 }}
+      {{ with $related }}
+      <h3>Related proyects</h3>
+      <div class="row">
+	       {{ range . }}
+         <div class="col-auto mb-3" style="width: 18rem;">
+          <div class="card">
+            {{ if .Params.logo }}
+            <a href="{{ .RelPermalink }}">{{ with .Params.logo }}<img class="card-img-top" src="{{ . }}" alt="Card image cap">{{ end }}</a>
+            {{ end }}
+            <div class="card-body">
+              <a href="{{ .RelPermalink }}"><h5 class="card-title">{{ .Title }}</h5></a>
+
+              {{ if .Params.subtitle }}
+              {{ with .Params.subtitle }}<p class="card-text">{{ . }}</p> {{ end }}
+              {{ end }}
+
+              <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
+            </div>
+          </div>
+        </div>
+	       {{ end }}
+      </div>
+      {{ end }}
+
+    </article>
   </div>
 {{ end }}

themes/whiteclub/static/css/custom.css

+.header-site {
+  margin-bottom: 40px;
+}
+
+.logo {
+  width: 100px;
+}
+
+.inside-header{
+  max-width: 970px;
+}
+
 .propertyCard {
   margin: 5px 5px 5px 5px;
 }
@@ -6,3 +18,81 @@
   width: 50%;
   margin: 5px 10px 5px 5px;
 }
+