diff --git a/_layouts/home.html b/_layouts/home.html index 7354d99..bc3a1af 100644 --- a/_layouts/home.html +++ b/_layouts/home.html @@ -1,39 +1,165 @@ --- layout: default --- +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>AI Vicharana Shala</title> + <style> + body { + font-family: 'Roboto Medium', sans-serif; /* Use Roboto font or any other preferred font */ + font-size: 16px; + line-height: 1.6; + color: #000000; /* Default text color */ + margin: 0; + padding: 0; + background-image: url(''); + background-size: cover; /* Cover the entire viewport */ + background-position: center; /* Center the background image */ + } + } + + .home { + max-width: 800px; + margin: 0 auto; + padding: 20px; + } + + .navigation { + margin-bottom: 20px; + } + + .navigation ul { + list-style: none; + padding: 0; + margin: 0; + } + + .navigation ul li { + display: inline; + margin-right: 20px; + } + + .navigation ul li a { + text-decoration: none; + color: #333; + font-weight: bold; + } + + .navigation ul li a:hover { + color: #ff6600; /* Change color on hover */ + } + + .hero-section { + text-align: center; + margin-bottom: 40px; + } + + .hero-image { + max-width: 100%; + height: auto; + } + + .hero-text { + margin-top: 20px; + } + + .hero-text h2 { + font-size: 2.5em; /* Larger font size for heading */ + margin-bottom: 10px; + color: #333; + } + + .hero-text p { + font-size: 1.2em; + margin-bottom: 20px; + color: #666; + } + + .btn { + display: inline-block; + padding: 10px 20px; + background-color: #ff6600; /* Button background color */ + color: #fff; /* Button text color */ + text-decoration: none; + border-radius: 5px; + transition: background-color 0.3s; + } + + .btn:hover { + background-color: #ff9933; /* Change color on hover */ + } + + .post-list-heading { + font-size: 1.5em; + margin-bottom: 20px; + } + + .post-list li { + margin-bottom: 20px; + } + + .post-meta { + font-size: 0.9em; + color: #666; + } + + .post-link { + color: #333; + text-decoration: none; + transition: color 0.3s; + } + + .post-link:hover { + color: #ff6600; /* Change color on hover */ + } + </style> +</head> +<body> <div class="home"> {%- if page.title -%} <h1 class="page-heading">{{ page.title }} </h1> {%- endif -%} + + <div class="hero-section"> + <img src="images/hero-image.jpeg" alt="AI Vicharana Shala" class="hero-image" width="300" height="500"> + <div class="hero-text"> + <h2 style="color: black;">Welcome to AI Vicharana Shala</h2> + <p style="font-style: italic; font-family: cursive; color: black;">Empowering the next generation of AI enthusiasts</p> + <a href="assets/AI Vicharana Shala Brochure.pdf" class="btn">Brochure</a> + </div> + </div> + + {{ content }} -{% comment %} - - {%- if site.posts.size > 0 -%} - <h2 class="post-list-heading">{{ page.list_title | default: "Posts" }}</h2> - <ul class="post-list"> - {%- for post in site.posts -%} - <li> - {%- assign date_format = site.minima.date_format | default: "%b %-d, %Y" -%} - <span class="post-meta">{{ post.date | date: date_format }}</span> - <h3> - <a class="post-link" href="{{ post.url | relative_url }}"> - {{ post.title | escape }} - </a> - </h3> - {%- if site.show_excerpts -%} - {{ post.excerpt }} - {%- endif -%} - </li> - {%- endfor -%} - </ul> - - <!--The following code is removed--> - <!--<p class="rss-subscribe">subscribe <a href="{{ "/feed.xml" | relative_url }}">via RSS</a></p>--> + {%- if site.posts.size > 0 -%} + <div class="recent-posts"> + <h2 class="post-list-heading">Recent Posts</h2> + <ul class="post-list"> + {%- for post in site.posts limit: 1 -%} + <li> + {%- assign date_format = site.minima.date_format | default: "%b %-d, %Y" -%} + <span class="post-meta">{{ post.date | date: date_format }}</span> + <h3> + <a class="post-link" href="https://sudarshansudarshan.github.io/ge103/handbook/"> + Matrix Mystics + </a> + </h3> + {%- if site.show_excerpts -%} + {{ post.excerpt }} + {%- endif -%} + </li> + {%- endfor -%} + </ul> + <a href="/blog" class="btn">View All Posts</a> + </div> {%- endif -%} +</div> +</body> +</html> -{% endcomment %} - -</div>