🆕 compiled website

_config.yml

@@ -73,6 +73,9 @@ navbar:
     - title: 📙 Resources #Label
       url: /resources
 
+    - title: 📚 Blog #Label
+      url: /blog
+
     - title: 👥 About Us #Label
       url: /about #url
     #- title: Bootstrap
@@ -135,6 +138,22 @@ theme: chulapa-jekyll
 plugins:
   - jekyll-feed
 
+  #- jekyll-archives
+  #- jekyll-email-protect
+  #- jekyll-get-json
+  #- jekyll-imagemagick
+  #- jekyll-jupyter-notebook
+  #- jekyll-link-attributes
+  #- jekyll-minifier
+  - jekyll-paginate
+  #- jekyll-regex-replace
+  #- jekyll/scholar
+  #- jekyll-sitemap
+  #- jekyll-tabs
+  #- jekyll-toc
+  #- jekyll-twitter-plugin
+  #- jemoji
+
 collections:
   pages:
     output: true
@@ -189,3 +208,31 @@ url: "" # the base hostname & protocol for your site, e.g. http://example.com
 #github_username:  jekyll
 
 future: true
+
+
+# -----------------------------------------------------------------------------
+# Blog
+# -----------------------------------------------------------------------------
+
+blog_name: Blog # blog_name will be displayed in your blog page
+blog_nav_title:  # your blog must have a title for it to be displayed in the nav bar
+blog_description: Y Social Blog # blog_description will be displayed in your blog page
+permalink: /blog/:year/:title/
+
+# Pagination
+pagination:
+  enabled: true
+
+paginate: 1
+paginate_path: "/blog/page:num/"
+
+related_blog_posts:
+  enabled: false
+  max_related: 5
+
+#paginate_path: "/blog/page:num/"
+
+
+
+news_scrollable: true # adds a vertical scroll bar if there are more than 3 news items
+news_limit: 5 # leave blank to include all the news in the `_news` folder

_includes/citation.liquid

@@ -0,0 +1,26 @@
+<br>
+<hr>
+<br>
+
+If you found this useful, please cite this as:
+
+{% capture citation_quote -%}
+> {{ site.last_name }}, {{ site.first_name }}{% if site.middle_name %} {{ site.middle_name }}{% endif %} ({{ page.date | date: "%b %Y" }}). {{ page.title }}. {% if site.title != 'blank' %}{{ site.title }}. {% endif %}{{ site.url }}.
+{%- endcapture %}
+{{ citation_quote | markdownify }}
+
+<p>or as a BibTeX entry:</p>
+
+{% capture citation_code -%}
+```bibtex
+@article{ {{- site.last_name | downcase }}{{ page.date | date: "%Y" }}{{ page.title | slugify }},
+  title   = { {{- page.title -}} },
+  author  = { {{- site.last_name }}, {{ site.first_name }}{% if site.middle_name %} {{ site.middle_name }}{% endif -%}},
+  {%- if site.title != 'blank' %}journal = { {{- site.title -}} },{% endif %}
+  year    = { {{- page.date | date: "%Y" -}} },
+  month   = { {{- page.date | date: "%b" -}} },
+  url     = { {{- site.url }}{{ page.url -}} }
+}
+```
+{%- endcapture %}
+{{ citation_code | markdownify }}

_includes/pagination.html

@@ -0,0 +1,26 @@
+<!-- Pagination links -->
+{% if paginator.total_pages > 1 %}
+<div class="pagination">
+  {% if paginator.previous_page %}
+    <a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">&laquo; Prev</a>
+  {% else %}
+    <span>&laquo; Prev</span>
+  {% endif %}
+
+  {% for page in (1..paginator.total_pages) %}
+    {% if page == paginator.page %}
+      <span class="active">{{ page }}</span>
+    {% elsif page == 1 %}
+      <a href="{{ '/blog/index.html' | prepend: site.baseurl | replace: '//', '/' }}">{{ page }}</a>
+    {% else %}
+      <a href="{{ site.paginate_path | prepend: site.baseurl | replace: '//', '/' | replace: ':num', page }}">{{ page }}</a>
+    {% endif %}
+{% endfor %}
+
+  {% if paginator.next_page %}
+    <a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Next &raquo;</a>
+  {% else %}
+    <span>Next &raquo;</span>
+  {% endif %}
+</div>
+{% endif %}

_layouts/post.html

@@ -0,0 +1,94 @@
+
+{% assign year = page.date | date: '%Y' %}
+{% assign tags = page.tags | join: '' %}
+{% assign categories = page.categories | join: '' %}
+
+{% if page._styles %}
+  <!-- Page/Post style -->
+  <style type="text/css">
+    {{ page._styles }}
+  </style>
+{% endif %}
+
+{% assign url_beginning = page.url | slice: 0, 6 %}
+
+<div class="post">
+  <header class="post-header">
+    <h1 class="post-title">{{ page.title }}</h1>
+    <p class="post-meta">
+      Created in {{ page.date | date: '%B %d, %Y' }}
+      {% if page.author %}by {{ page.author }}{% endif %}
+      {% if page.last_updated %}, last updated in {{ page.last_updated | date: '%B %d, %Y' }}{% endif %}
+      {% if page.meta %}• {{ page.meta }}{% endif %}
+    </p>
+    <p class="post-tags">
+      {% if url_beginning == '/blog/' %}
+        <a href="{{ year | prepend: '/blog/' | prepend: site.baseurl}}"> <i class="fa-solid fa-calendar fa-sm"></i> {{ year }} </a>
+      {% else %}
+        <i class="fa-solid fa-calendar fa-sm"></i> {{ year }}
+      {% endif %}
+      {% if tags != '' %}
+        &nbsp; &middot; &nbsp;
+        {% for tag in page.tags %}
+          {% if url_beginning == '/blog/' %}
+            <a href="{{ tag | slugify | prepend: '/blog/tag/' | prepend: site.baseurl}}"> <i class="fa-solid fa-hashtag fa-sm"></i> {{ tag }}</a>
+          {% else %}
+            <i class="fa-solid fa-hashtag fa-sm"></i> {{ tag }}
+          {% endif %}
+          {% unless forloop.last %}
+            &nbsp;
+          {% endunless %}
+        {% endfor %}
+      {% endif %}
+
+      {% if categories != '' %}
+        &nbsp; &middot; &nbsp;
+        {% for category in page.categories %}
+          {% if url_beginning == '/blog/' %}
+            <a href="{{ category | slugify | prepend: '/blog/category/' | prepend: site.baseurl}}">
+              <i class="fa-solid fa-tag fa-sm"></i> {{ category -}}
+            </a>
+          {% else %}
+            <i class="fa-solid fa-tag fa-sm"></i> {{ category }}
+          {% endif %}
+          {% unless forloop.last %}
+            &nbsp;
+          {% endunless %}
+        {% endfor %}
+      {% endif %}
+    </p>
+  </header>
+
+  <article class="post-content">
+
+    <div id="markdown-content">
+      {{ content }}
+    </div>
+  </article>
+
+  {% if page.citation %}
+    {% include citation.liquid %}
+  {% endif %}
+
+
+  {% if site.related_blog_posts.enabled %}
+    {% if page.related_posts == null or page.related_posts %}
+      {% include related_posts.liquid %}
+    {% endif %}
+  {% endif %}
+
+  {% if site.disqus_shortname and page.disqus_comments %}
+    {% include disqus.liquid %}
+  {% endif %}
+  {% if site.giscus and page.giscus_comments %}
+    {% include giscus.liquid %}
+  {% endif %}
+</div>
+
+{% if page.previous_in_category %}
+  <a href="{{ page.previous_in_category.url }}">{{ page.previous_in_category.title }}</a>
+{% endif %}
+
+{% if page.next_in_category %}
+  <a href="{{ page.next_in_category.url }}">{{ page.next_in_category.title }}</a>
+{% endif %}

_posts/2024-08-01-intro.md

@@ -0,0 +1,49 @@
+---
+layout: post
+title: (Here) We are Y!
+date: 2024-08-01 16:00:00
+description: Hello World!
+tags: welcome introduction
+categories: news
+---
+
+Imagine a virtual world where you can simulate and analyze the intricate dynamics of social media platforms. Picture a digital space that mimics real-life interactions, allowing researchers to experiment and learn without the constraints and unpredictability of the real world. Welcome to the era of digital twins—specifically, a groundbreaking project called Y.
+
+Y is a digital twin of an Online Social Media platform that takes advantage of cutting-edge artificial intelligence, particularly large language models (LLMs), to create interacting agents that mimic real user behavior. 
+
+Think of Y as a sophisticated mirror of social media, where every like, share, and tweet can be explored in a controlled environment.
+
+##### What is a "Digital Twin"?
+
+Digital twins are virtual replicas of physical systems, allowing for detailed analysis and experimentation. 
+
+<img src="../assets/images/dt.jpg" style="width: 700px;">
+
+In the realm of social media, digital twins like Y open up new possibilities for understanding complex online interactions.
+By providing a safe space to explore how users interact, share information, and influence one another, Y offers researchers a unique opportunity to uncover the hidden dynamics that drive our digital lives.
+
+##### Harnessing the Power of LLMs
+
+At the heart of Y are large language models, the same technology that powers advanced AI systems like ChatGPT. 
+
+These models allow Y to generate realistic text content and predict user responses, making the virtual interactions within Y remarkably lifelike. 
+By simulating how users might engage with content, Y provides insights into user behavior, the spread of information, and the potential impact of different platform policies.
+
+##### Why It Matters?
+
+The implications of Y's capabilities are vast. 
+Researchers can use Y to study user engagement patterns, understand how misinformation spreads, and even test new platform features before they are rolled out to the public. 
+
+Imagine being able to predict the next viral trend or identify the most influential users on a platform—all without risking real-world consequences.
+
+
+##### Shaping the Future of Social Media Research
+
+As we continue to navigate the complexities of our digital world, tools like Y are crucial in helping us understand and shape the future of online interactions. 
+
+By providing a window into the inner workings of social media, digital twins offer valuable insights that can guide the development of more user-friendly, ethical, and effective platforms.
+
+
+Y represents a new frontier in social media research, offering a powerful tool for exploring the intricate dynamics of online interactions.
+
+*Stay with us as we explore the world of Y and uncover the fascinating insights it has to offer.* 

assets/css/custom.scss

@@ -135,4 +135,29 @@ iframe {
 // wrench
 .tech-wrench .fa-wrench:hover {
   transform: scale(1, 1) !important;
+}
+
+/**
+ * Pagination navbar
+ */
+
+
+.pagination {
+  li {
+    a, div {
+      min-width: 41px;
+      text-align: center;
+      box-sizing: border-box;
+    }
+    div {
+      display: block;
+      padding: 1em * .25;
+      border: 1px solid transparent;
+
+      &.pager-edge {
+        color: white;
+        border: 1px dashed;
+      }
+    }
+  }
 }

blog/index.html

@@ -0,0 +1,44 @@
+---
+# Feel free to add content and custom Front Matter to this file.
+# To modify the layout, see https://jekyllrb.com/docs/themes/#overriding-theme-defaults
+
+layout: home
+title:  "Blog"
+subtitle: "News from the agents"
+show_sidetoc: true
+header_type: hero #base, post, hero,image, splash
+header_img: assets/images/blog.jpg
+header_title: "Blog"
+vega: true
+---
+
+
+
+{% for post in paginator.posts %}
+<h1>{{ post.title }}</h1>
+<p class="author">
+  <span class="date">{{ post.date }}</span>
+</p>
+<div class="content">
+  {{ post.content }}
+</div>
+{% endfor %}
+
+<!-- Pagination links -->
+<div class="pagination" style="display: block; text-align: center">
+  {% if paginator.previous_page %}
+    <a href="{{ paginator.previous_page_path }}" class="previous">
+      Previous
+    </a>
+  {% else %}
+    <span class="previous">Previous</span>
+  {% endif %}
+  <!-- <span class="page_number ">
+    Page: {{ paginator.page }} of {{ paginator.total_pages }}
+  </span> -->
+  {% if paginator.next_page %}
+    <a href="{{ paginator.next_page_path }}" class="next">Next</a>
+  {% else %}
+    <span class="next ">Next</span>
+  {% endif %}
+</div>