{% extends "base.html" %}
{% load custom_tags %}
{% load i18n %}
{% load static %}
{% block title %}
    Social Feeds
{% endblock title %}
{% block description %}
    Stay updated with our social feeds. Follow our latest tweets, GitHub updates, and Figma designs to stay connected with our community.
{% endblock description %}
{% block keywords %}
    Social Feeds, Twitter Timeline, GitHub Updates, Figma Designs, Community Updates, Stay Connected
{% endblock keywords %}
{% block og_title %}
    Social Feeds - Stay Connected with Us
{% endblock og_title %}
{% block og_description %}
    Follow our social feeds to stay updated with the latest tweets, GitHub updates, and Figma designs. Engage with our community and stay informed.
{% endblock og_description %}
{% block content %}
    {% include "includes/sidenav.html" %}
    <div class="flex flex-col h-screen">
        <!-- Twitter Timeline -->
        <div class="flex-grow overflow-hidden">
            <a class="twitter-timeline w-full h-[800px]"
               href="{% env 'TWITTER_URL' %}"
               rel="noopener noreferrer"></a>
            <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
        </div>
        <!-- Bottom Right Icons -->
        <div class="absolute bottom-4 right-6 flex gap-4">
            <a href="https://github.com/OWASP-BLT/BLT/blob/main/website/templates/social.html"
               class="text-gray-700 hover:text-gray-900 transition-colors duration-300">
                <i class="fab fa-github text-2xl"></i>
            </a>
            <a href="https://www.figma.com/file/s0xuxeU6O2guoWEfA9OElZ/Design?node-id=472%3A147&t=pqxWpF3hcYxjEDrs-1"
               class="text-gray-700 hover:text-gray-900 transition-colors duration-300">
                <i class="fab fa-figma text-2xl"></i>
            </a>
        </div>
    </div>
{% endblock content %}