Redesign automatic links

404.html

@@ -1,11 +1,5 @@
 ---
-permalink: /404.html
-title: "404: Page not found"
+title:
 layout: default
 sitemap: false
 ---
-
-<article>
-  <header><h1>404</h1></header>
-  <p>Page not found</p>
-</article>

_config.yml

@@ -1,28 +1,34 @@
-title: "Blog Title"
-author: "Blog Author"
-description: "Made with <b style=\"color: #f45;\">&lt;3</b>"
-permalink: /:title/
+title: "" # video used to build the webpage (https://www.youtube.com/watch?v=qZsgPgGdOzQ&t=532s)
+author: "Lukas Delgado-Prieto"
+description: "University of Oslo"
 lang: "en"
 excerpt_separator: "\n\n\n"
 date_format: "%B %d, %Y"
 
 # Layout
 
-show_excerpts: true        # show article excerpts on the home page
+show_excerpts: false        # show article excerpts on the home page
 show_frame: true           # adds a gray frame to the site
-show_sidebar: false        # show a sidebar instead of the usual header
+show_sidebar: true        # show a sidebar instead of the usual header
 minimal: false             # use a dark header
 
 # Menu
 
-navigation:                # accepts {file, title, url, icon, sidebaricon}
-  - {file: "index.html"}
-  - {file: "README.md"}
-
+navigation:                # accepts {file, title, url, icon, sidebaricon} #the picture is in sidebar.html
+  - {file: "index.md", title: "Home"}
+  - {file: "research.md" , title: "Research"}
+  - {url: "/files/Delgado_CV.pdf", title: "CV"}
+  - {file: "teaching.md" , title: "Teaching"}
+  - {file: "resources.md" , title: "Resources"}
+  - {file: "blog.md" , title: "Blog"}
+
 external:                  # shows a footer with social links - for available icons see fontawesome.com/icons
-  - {title: Mail, icon: envelope, url: "mailto:niklasbuschmann@users.noreply.github.com"}
-  - {title: Github, icon: github, url: "https://github.com/niklasbuschmann/contrast"}
-  - {title: Subscribe, icon: rss, url: "/feed.xml"}
+  - {title: Mail, icon: envelope, url: "mailto:laprieto@econ.uio.no"}
+  - {title: Github, icon: github, url: "https://github.com/ludelgad"}
+  - {title: Twitter, icon: twitter, url: "https://twitter.com/LaDelgadoP"}
+  - {title: Google Scholar, icon: graduation-cap, url: "https://scholar.google.com/citations?user=lHWQcrEAAAAJ"}
+  - {title: LinkedIn, icon: linkedin, url: "https://www.linkedin.com/in/lukas-delgado/"}
+
 
 comments:
 #  disqus_shortname: ""    # see https://disqus.com/

_includes/sidebar.html

@@ -1,6 +1,9 @@
 <link rel="stylesheet" href="{{ "/assets/css/sidebar.css" | relative_url }}" media="screen and (min-width: 70em)">
 <aside style="display: none">
   <nav>
+    <div class="sidebar">
+  <img class="profile-image" src="https://ludelgad.github.io/files/Lukas_Webpage.jpeg" alt="Lukas Delgado-Prieto">
+</div>
   {%- for item in site.navigation -%}
     {%- assign node = site.pages | where: "name", item.file | first -%}
     {%- assign url = item.url | default: node.url -%}
@@ -24,3 +27,4 @@
   </nav>
   <div class="description">{{ site.description }}</div>
 </aside>
+

assets/css/frame.sass

@@ -3,23 +3,68 @@
 
 @import index, font, basic, layout, classes
 
+// Define new color variables with a white theme
+$background: #FFFFFF  // Clean white background
+$light-gray: #F5F5F5  // Light gray for subtle contrast
+$dark: #2D2D2D        // Dark color for text and other elements
+$accent: #EAEAEA      // Very light gray for accents
+$strong-blue: #007BFF // Stronger blue color for hyperlinks
+
+// Global Styles
 html
-  background: lighten($dark, 70%)
+  background: $background
   padding: 0 calc(38% - 22em)
+  font-family: "Helvetica Neue", sans-serif
+  line-height: 1.6
 
 body
-  box-shadow: 0 0 .3em lighten($dark, 65%)
+  color: $dark                          // Set body text color to dark for readability
+  box-shadow: 0 0 .3em rgba($dark, 0.1)  // Subtle shadow around the body content
+  background-color: $light-gray          // Slightly darker gray for the body content
 
+// Header and Footer
 body > header, body > footer
-  background: lighten($dark, 5%)
-  color: $light
+  background: $accent                     // Very light gray for contrast in header and footer
+  color: $dark                            // Set header/footer text color to dark
+  padding: 1.5em                          // Add padding for breathing space
+  border-radius: 10px                     // Slight rounding of corners for a softer look
+
+// Specific styling for headers in the header/footer
+body > header h1, body > header h2, body > footer h1, body > footer h2
+  color: $dark                            // Ensure header/footer headings are dark
 
+// Article & Content Padding (for larger screens)
 @media (min-width: 32em)
   body > header, body > article, body > footer
-    padding: 1.75em calc(22% - 6em)
+    padding: 2em calc(22% - 6em)
+
+// Scrollbar Styling
+::-webkit-scrollbar
+  width: 12px
+
+::-webkit-scrollbar-track
+  background: $background                  // Scrollbar track matching the background
+
+::-webkit-scrollbar-thumb
+  background-color: $background            // Set scrollbar thumb color to match the background
+  border-radius: 10px
+  border: 3px solid $background             // Padding between thumb and track
+
+// Links and Buttons Styling
+a
+  color: $strong-blue                      // Set the link color to a stronger blue
+  &:hover
+    color: darken($strong-blue, 15%)       // Darker shade on hover for better visibility
+    text-decoration: underline               // Add underline on hover for a clear indication
 
-@media (prefers-color-scheme: dark)
-  body, body > header, body > footer
-    box-shadow: 0 0 0 1px lighten($dark, 8%)
-  html, body > header, body > footer
-    background: $dark
+button, input[type="submit"]
+  background-color: darken($light-gray, 10%) // Button background in a slightly darker gray
+  color: $dark                              // Ensure button text is dark
+  padding: 0.5em 1.5em
+  border-radius: 5px
+  border: none
+  box-shadow: 0 0 .2em rgba($dark, 0.3)     // Subtle shadow for buttons
+  cursor: pointer
+  &:hover
+    background-color: darken($light-gray, 15%) // Slightly darker on hover
+    box-shadow: 0 0 .3em rgba($dark, 0.4)

assets/css/sidebar.sass

@@ -53,3 +53,10 @@ nav a:hover, nav a.selected
 
 .description
   margin: 2em 0
+
+.profile-image
+  width: 160px
+  height: 210px
+  border-radius: 0%
+  display: block
+  margin: 0 auto

blog.md

@@ -0,0 +1,27 @@
+---
+title: "Blog posts"
+permalink: "/blog/"
+layout: page
+---
+
+**Articles in English**
+- [The labor market effects of immigration in developing countries: It matters not only who you are but also in which firm you work](https://www.calameo.com/read/0074844316280932ce5e2) _PSE Migration Policy Briefs_ (2024)
+-   [The Missing Link: How Firms are Key to Understand the Adjustments to Immigration](https://uc3nomics.uc3m.es/the-missing-link-how-firms-are-key-to-understand-the-adjustments-to-immigration/) _uc3nomics_ (2023)
+
+- [The Colombian Labor Market through the COVID-19 shock](https://github.com/ludelgad/ludelgad.github.io/files/9427188/Covid_LaborMarket_2021.pdf) (2021)
+
+**Articles in Spanish**
+
+- [Análisis municipal del COVID-19: Relación entre contagio, economía y geografía en Colombia](http://vox.lacea.org/?q=blog/analisis_municipal_covid19) _VOX LACEA_ (2020)
+
+- [Análisis de los programas sociales en Colombia: evidencia de encuestas a hogares](http://vox.lacea.org/?q=blog/programas_sociales_colombia) _VOX LACEA_ (2017)
+
+- Por una Colombia sin Pobreza: una estimación aproximada   _Revista Supuestos_ (2017)
+
+- Empleo de los jóvenes: ¿Cómo está Colombia? _LatinAmerican Post_ (2016)
+
+**Blog in Spanish**
+
+- [Personal blog about economic, poverty and inequality issues](http://ladelgadop.blogspot.com/) (2020)
+
+- [Comprehensive guide for applying to Ph.D.'s in Economics](http://ladelgadop.blogspot.com/2020/01/doctorado-en-economia-una-guia-breve.html) (2020)

files/files

@@ -0,0 +1 @@
+

googlef8acfd08e4154efe.html

@@ -0,0 +1 @@
+google-site-verification: googlef8acfd08e4154efe.html

index.md

@@ -0,0 +1,32 @@
+---
+layout: page
+title: "Lukas Delgado-Prieto"
+---
+
+I am a **Postdoctoral Fellow** in the Department of Economics at the [University of Oslo](https://www.sv.uio.no/econ/english/). I obtained my PhD in Economics at [Universidad Carlos III](https://economics.uc3m.es/) in 2024, and visited [UC Berkeley](https://econ.berkeley.edu/) during my doctoral studies.
+
+I study questions in **labor economics** and **applied microeconomics**, with a focus on:
+
+<p>
+  <span style="background:#EAEAEA;color:#2D2D2D;border:1px solid #ccc;padding:4px 12px;border-radius:20px;font-size:0.84em;margin:3px 2px;display:inline-block;">Immigration</span>
+  <span style="background:#EAEAEA;color:#2D2D2D;border:1px solid #ccc;padding:4px 12px;border-radius:20px;font-size:0.84em;margin:3px 2px;display:inline-block;">Monopsony &amp; Wage-Setting</span>
+  <span style="background:#EAEAEA;color:#2D2D2D;border:1px solid #ccc;padding:4px 12px;border-radius:20px;font-size:0.84em;margin:3px 2px;display:inline-block;">Informality</span>
+  <span style="background:#EAEAEA;color:#2D2D2D;border:1px solid #ccc;padding:4px 12px;border-radius:20px;font-size:0.84em;margin:3px 2px;display:inline-block;">Firm Behavior</span>
+</p>
+
+---
+
+<div style="background:#F5F5F5;border:1px solid #EAEAEA;padding:10px 16px;border-radius:4px;font-size:0.9em;line-height:1.8;">
+  <strong>Affiliations</strong><br>
+  Research Affiliate &nbsp;·&nbsp; <a href="https://www.rfberlin.com/affiliates/">RFBerlin</a><br>
+  Member &nbsp;·&nbsp; <a href="https://www.oecd.org/en/about/projects/linkeed-200.html">LinkEED–OECD</a><br>
+  Consultant &nbsp;·&nbsp; World Bank
+</div>
+
+<p style="margin-top:16px;font-size:0.95em;">
+  <a href="mailto:laprieto@econ.uio.no">✉&nbsp; laprieto@econ.uio.no</a>
+  &ensp;·&ensp;
+  <a href="https://ludelgad.github.io/files/Delgado_CV.pdf">↓&nbsp; CV</a>
+  &ensp;·&ensp;
+  <a href="https://www.linkedin.com/in/lukas-delgado/">LinkedIn</a>
+</p>