Glific new theme

public/wp-content/themes/glific-new-2023/Gruntfile.js

@@ -0,0 +1,66 @@
+module.exports = function (grunt) {
+
+    grunt.initConfig({
+
+        pkg: grunt.file.readJSON('package.json'),
+
+        uglify: {
+            options: {
+                banner: '/*! <%= pkg.name %> <%= grunt.template.today("yyyy-mm-dd") %> */\n'
+            },
+            build: {
+                src: 'src/js/*.js',
+                dest: 'main.js'
+            }
+        },
+
+        sass: {
+            dist: {
+                options: {
+                    style: 'compressed',
+                    sourcemap: 'none',
+                },
+                files: {
+                    'style.css': 'src/scss/style.scss',
+                }
+            }
+        },
+
+        uncss: {
+            dist: {
+                options: {
+                    stylesheets  : [ 'style.css' ],
+                    ignoreSheets : [/fonts.googleapis/],
+                    urls         : [],
+                },
+                files: {
+                    'style.css': ['**/*.php']
+                }
+            }
+        },
+
+        watch: {
+            scripts: {
+                files: [
+                    'src/js/*.js',
+                    'src/scss/*/*.scss',
+                    'src/scss/*.scss',
+                ],
+                tasks: ['default'],
+                options: {
+                    spawn: false,
+                }
+            }
+        }
+
+    });
+
+    grunt.loadNpmTasks('grunt-contrib');
+    grunt.loadNpmTasks('grunt-contrib-uglify');
+    grunt.loadNpmTasks('grunt-contrib-sass');
+    grunt.loadNpmTasks('grunt-uncss');
+
+    grunt.registerTask('default', ['sass', 'uglify']);
+    // grunt.registerTask('default', ['sass', 'uncss:dist', 'uglify']);
+
+};

public/wp-content/themes/glific-new-2023/archive-newsletter.php

@@ -0,0 +1,68 @@
+<?php
+/**
+ * List of newsletters for theme glific
+ *
+ * @package glific
+ */
+
+get_header();
+?>
+
+<div class="bg-multi-green pt-10 pb-23 d-flex flex-column">
+	<h1 class="text-center text-gradiant fz-48 leading-48 fz-xl-72 leading-xl-72 text-uppercase font-heebo-black  w-296 w-xl-880  mx-auto" data-aos="zoom-in" data-aos-duration="2000" data-aos-delay="500">Narratives to help you succeed</h1>
+	<div class="overflow-x-scroll w-full flex-row mx-auto justify-content-center mt-10 navbar">
+		<a class="d-flex fz-16 leading-19 fz-xl-24 leading-xl-28 mx-6 font-heebo-black text-theme-primary text-decoration-none" href="<?php echo esc_url(get_permalink(get_page_by_path('blogs'))); ?>">
+			Blogs
+		</a>
+		<a class="d-flex fz-16 leading-19 fz-xl-24 leading-xl-28 mx-6 font-heebo-black text-theme-primary text-decoration-none <?php active('case-study');?>" href="<?php echo home_url()."/tag/case-study/" ;?>">
+			Case study
+		</a>
+		<a class="d-flex fz-16 leading-19 fz-xl-24 leading-xl-28 mx-6 font-heebo-black text-theme-primary text-decoration-none <?php active('newsletters');?>" href="<?php echo get_post_type_archive_link( 'newsletters' ) ; ?>">
+			Newsletters
+		</a>
+
+		<a class="d-flex fz-16 leading-19 fz-xl-24 leading-xl-28 mx-6 font-heebo-black text-theme-primary text-decoration-none" href="<?php echo esc_url(get_permalink(get_page_by_path('faq'))); ?>">
+			FAQ
+		</a>
+		<a class="d-flex fz-16 leading-19 fz-xl-24 leading-xl-28 mx-6 font-heebo-black text-theme-primary text-decoration-none" href="<?php echo esc_url(get_permalink(get_page_by_path('webinar'))); ?>">
+			Webinar
+		</a>
+		<a class="d-flex fz-16 leading-19 fz-xl-24 leading-xl-28 mx-6 font-heebo-black text-theme-primary text-decoration-none" target="_blank" href="http://docs.glific.org/">
+			Help docs
+		</a>
+		<a class="d-flex fz-16 leading-19 fz-xl-24 leading-xl-28 mx-6 font-heebo-black text-theme-primary text-decoration-none" target="_blank" href="https://www.youtube.com/watch?v=EO-W0cFy_i8">
+				Demo Video
+			</a>
+	</div>
+</div>
+
+<div class="px-42 py-18 bg-theme-white-smoke font-heebo-regular">
+	<!-- <h2 class="pb-18 text-gray-gradiant font-heebo-bold fz-48 fz-xl-120 leading-xl-120 mx-auto leading-40 text-center" data-aos="zoom-in" data-aos-duration="3000" data-aos-delay="800">Newsletters</h2> -->
+	<?php
+	if ( have_posts() ) :
+		?>
+			<div class="row">
+			<?php
+			while ( have_posts() ) :
+				the_post();
+				?>
+
+			<div class="col-md-6 col-12 col-xl-4 mb-11">
+				<a href="<?php echo esc_html( get_field( 'link' ) ); ?>" class="text-decoration-none position-relative" target="_blank">					
+					<div class="px-8 py-10 bg-white h-full">
+						<h1 class="fz-36 font-weight-light text-theme-secondary pb-8"><?php echo esc_html( get_field( 'date' ) ); ?></h1>
+						<div class="description fz-18 text-theme-pewter leading-hd-24"><?php echo  get_field( 'description' ) ; ?> </div>
+					</div>
+				</a>
+				<svg class="position-absolute left-36 bottom-20 c-pointer"  width="18px" focusable="false" viewBox="0 0 24 24" aria-hidden="true"><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z" fill="#119656"></path></svg>					
+			</div>	
+	<?php
+		endwhile;
+			?>
+		</div>
+		<?php
+	endif;
+	?>
+</div>
+<?php
+get_footer();

public/wp-content/themes/glific-new-2023/archive.php

@@ -0,0 +1,82 @@
+<?php
+
+/**
+ * Blogs page for theme glific
+ *
+ * @package glific
+ */
+
+get_header();
+?>
+
+<div class="page-blog">
+	<div class="bg-multi-green pt-10 pb-23 d-flex flex-column">
+		<h1 class="text-center text-gradiant fz-48 leading-48 fz-xl-72 leading-xl-72 text-uppercase font-heebo-black  w-296 w-xl-880  mx-auto" data-aos="zoom-in" data-aos-duration="2000" data-aos-delay="500">Narratives to help you succeed</h1>
+		<div class="overflow-x-scroll w-full flex-row mx-auto justify-content-center mt-10 navbar">
+			<a class="d-flex fz-16 leading-19 fz-xl-24 leading-xl-28 mx-6 font-heebo-black text-theme-primary text-decoration-none" href="<?php echo esc_url(get_permalink(get_page_by_path('blogs'))); ?>">
+				Blogs
+			</a>
+			<a class="d-flex fz-16 leading-19 fz-xl-24 leading-xl-28 mx-6 font-heebo-black text-theme-primary text-decoration-none <?php active('case-study');?>" href="<?php echo home_url()."/tag/case-study/" ;?>">
+				Case study
+			</a>
+			<a class="d-flex fz-16 leading-19 fz-xl-24 leading-xl-28 mx-6 font-heebo-black text-theme-primary text-decoration-none" href="<?php echo get_post_type_archive_link( 'newsletter' ) ; ?>">
+				Newsletters
+			</a>
+			<a class="d-flex fz-16 leading-19 fz-xl-24 leading-xl-28 mx-6 font-heebo-black text-theme-primary text-decoration-none" href="<?php echo esc_url(get_permalink(get_page_by_path('faq'))); ?>">
+				FAQ
+			</a>
+			<a class="d-flex fz-16 leading-19 fz-xl-24 leading-xl-28 mx-6 font-heebo-black text-theme-primary text-decoration-none" href="<?php echo esc_url(get_permalink(get_page_by_path('webinar'))); ?>">
+				Webinar
+			</a>
+			<a class="d-flex fz-16 leading-19 fz-xl-24 leading-xl-28 mx-6 font-heebo-black text-theme-primary text-decoration-none" target="_blank" href="http://docs.glific.org/">
+				Help docs
+			</a>
+			<a class="d-flex fz-16 leading-19 fz-xl-24 leading-xl-28 mx-6 font-heebo-black text-theme-primary text-decoration-none" target="_blank" href="https://www.youtube.com/watch?v=EO-W0cFy_i8">
+				Demo Video
+			</a>
+		</div>
+	</div>
+
+	<?php
+	if ( have_posts() ) :
+		?>
+		<div class="blogs-section mx-auto w-320 w-md-600 w-xl-1280 d-flex justify-content-center justify-content-md-between flex-wrap glific-blogs-container mt-n10 align-items-stretch">
+			<?php
+			while ( have_posts() ) :
+				the_post();
+				?>
+				<a class="w-285 w-xl-395 mb-12 glific-blog text-decoration-none bg-theme-black-haze p-4 rounded-30 box-shadow-24 d-flex flex-column" href="<?php echo get_the_permalink(); ?>">
+					<?php $featured_image_url = get_the_post_thumbnail_url() ?: get_template_directory_uri() . '/dist/images/blog-delaut-image.svg'; ?>
+					<div class="w-full h-169 h-xl-235 bg-position-center bg-size-cover rounded-30" style="background-image: url('<?php echo $featured_image_url; ?>');">
+					</div>
+					<div class="d-flex flex-column px-4 px-xl-7 mb-6">
+						<h5 class="font-heebo-medium fz-24 fz-xl-32 leading-xl-35 leading-26 mt-6 text-green-gradiant">
+							<?php echo get_the_title(); ?>
+						</h5>
+					</div>
+					<div class="d-flex flex-column mt-auto px-4 px-xl-7">
+						<div class="d-flex flex-row">
+							<img src="<?php echo get_avatar_url( $post->post_author ); ?>" class="w-40 h-40 rounded-circle mr-5" />
+							<div class="d-flex flex-column">
+								<p class="font-heebo-regular fz-24 leading-27 text-theme-primary mb-4 font-heebo-bold">
+									<?php echo get_the_author(); ?>	
+								</p>
+								<p class="font-heebo-regular fz-16 leading-17 mb-0 text-theme-nandor">
+									<?php echo strtoupper( get_the_date( 'F d, Y' ) ); ?>		
+								</p>
+							</div>
+						</div>
+					</div>
+				</a>
+				<?php
+			endwhile;
+			wp_reset_postdata();
+		else :
+			?>
+			<h5 class="font-heebo-medium fz-24 leading-xl-35 leading-26 mt-6 text-center mb-0 text-theme-primary">No blogs!</h5>
+		</div>
+	<?php endif; ?>
+</div>
+
+<?php
+get_footer();