Rendra Blog

Validate multiple AMP HTML

2018-02-13T00:00:00+00:00

Validate AMP html in current folder and subfolder

Tested on windows machine, This is just some quick way to validate multiple AMP html using amphtml-validator

Dependency:

amphtml-validator

run npm install -g amphtml-validator to install globally
ruby

Folder structure example

(for ilustration only)

. (current folder)
|   grid.css
|   index.html
|   index2.html
|   rakefile
|
+---new
      index3.html

rakefile

create rakefile in the root of your project with following code:

require 'colorize'

desc 'Test website AMP validation'
task :amp do
  puts 'Running AMP Validator...'.yellow.bold
  # basedir = '.'
  files = Dir.glob("**/*.html")
    files.each do |file|
      system("amphtml-validator #{file}")
    end
  end

Run rake

on your terminal / command promt, run rake amp

Output

Sample output, depend on your actual file. Here, my index2.html failed because my html tag was wrong.

Running AMP Validator...
index.html: PASS
index2.html:2:0 The mandatory attribute '⚡' is missing in tag 'html ⚡ for top-level html'. (see https://www.ampproject.org/docs/reference/spec#required-markup)
new/index3.html: PASS

There are two main directory where the repo keeps it’s images files : /images and ‘/uploads’. Here, we use gulp-imagemin to compress the images files, in various quality

Loseless
Lossy 80%, 50%, and 10% to exagerate the compression level, so that we can clearly see the difference.

Welcome to Jekyll! It’s finally out

2017-09-22T14:23:45+00:00

Hai you!, iya kamu! You’ll find this post in your _posts directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run jekyll serve, which launches a web server and auto-regenerates your site when a file is updated.

To add new posts, simply add a file in the _posts directory that follows the convention YYYY-MM-DD-name-of-post.ext and includes the necessary front matter. Take a look at the source for this post to get an idea about how it works.

Jekyll also offers powerful support for code snippets:

def print_hi(name)
  puts "Hi, #{name}"
end
print_hi('Tom')
#=> prints 'Hi, Tom' to STDOUT.

Check out the Jekyll docs for more info on how to get the most out of Jekyll. File all bugs/feature requests at Jekyll’s GitHub repo. If you have questions, you can ask them on Jekyll Talk.

Previous post, new post every week!

2017-08-12T14:23:45+00:00

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis ratione eveniet fugit adipisci eligendi molestiae accusantium, amet quaerat voluptates perspiciatis modi ducimus, hic dolorem fuga odio error, ex quae quis, a. Maxime, eos quod molestias ipsum possimus hic enim ratione doloribus ea inventore animi iusto placeat explicabo rerum magni ex totam, similique soluta tempore aliquam sint perferendis excepturi deserunt. Molestias, quibusdam voluptatem ipsa dolor. Incidunt tempora nostrum odit minima enim neque explicabo iusto distinctio temporibus, perspiciatis aliquid sunt. Molestias enim sit assumenda similique reiciendis architecto recusandae, perspiciatis culpa inventore consequatur voluptate error dolor harum, unde eum nulla eaque officia a, iusto animi. Voluptatem quibusdam, ad quidem quas. Totam sapiente dolorem quaerat vel facere deserunt, ab dolores possimus aliquam dicta numquam blanditiis maiores a id cumque beatae adipisci quisquam ex, expedita officia recusandae placeat modi nisi, officiis. Earum culpa omnis voluptates deleniti quibusdam fuga nesciunt laboriosam vero, possimus officiis, magnam porro! Consectetur molestias quis sint non voluptas rerum iste quos eius consequatur assumenda odit deserunt, a adipisci sequi ipsam eveniet, veritatis sit perferendis. In repellendus perspiciatis et autem sunt, perferendis, quo dolorum consectetur aperiam eligendi fuga possimus porro id ullam, accusamus mollitia maxime esse cum quis totam minima magnam! Aspernatur modi, optio sapiente officia officiis, cupiditate laborum possimus molestias voluptate quae tempora voluptatem recusandae iure voluptas omnis? Odio recusandae consequuntur obcaecati quis ab ea voluptatem veniam consectetur iusto, culpa delectus ducimus, voluptas tenetur exercitationem similique maiores quam doloremque vitae accusamus cupiditate corporis quasi. Repellendus minima voluptatibus atque eos, officiis animi ea, sunt minus sint, aliquam ducimus fuga suscipit deleniti quae sit. Nobis vero ipsum non possimus illo reprehenderit repellat labore quos mollitia esse nam, delectus modi voluptatibus error in quidem nemo iste molestias alias eum? Minus, corporis, distinctio! Debitis consectetur nemo recusandae accusamus quasi molestias vel, fuga provident, iure in voluptatum! Impedit voluptatibus, officia iste ullam quis cumque atque odit numquam in nobis eos, qui libero nemo assumenda reiciendis ex. Tempora vel modi similique, aut consequuntur cupiditate reiciendis, voluptas cumque sequi laudantium pariatur harum alias nesciunt odio tempore molestiae quibusdam iusto. Nihil impedit consequuntur nisi animi totam est eius fugit sed nemo molestiae blanditiis temporibus debitis enim modi quod quia iste eum, ducimus. Perspiciatis at nam facilis sed esse distinctio minus quibusdam possimus explicabo, inventore nostrum praesentium aliquam iure dolore ducimus obcaecati ea sint aut dignissimos velit voluptatum officia reiciendis. Animi explicabo repudiandae ipsum laboriosam, aliquam numquam eos ipsam sed iusto sunt atque debitis harum minima, eligendi fugit consequatur a cum id quasi quam tenetur nesciunt natus cupiditate et. Magnam ex provident enim, nesciunt officiis praesentium consequuntur eos itaque doloribus. Temporibus quae, dolores, minima quod blanditiis quia. Dolorum veritatis unde, deserunt ducimus odio dolores? Omnis voluptas iste doloribus nisi alias mollitia. Porro non labore possimus quas quo, harum. Assumenda voluptatum ea nesciunt provident numquam, magnam consequuntur similique, non vitae delectus itaque alias illo, dignissimos voluptas molestias saepe unde. Consequatur cum voluptatibus quas distinctio accusamus, illum modi earum! Sequi, facere nihil, ullam vel soluta magni eligendi impedit tenetur eaque aut officia quasi amet non recusandae tempora repellat labore laboriosam sint sunt. Reiciendis dolore maxime, tenetur facilis doloremque, voluptatum soluta omnis atque exercitationem repudiandae iste unde consectetur, aliquam. Labore modi qui, inventore obcaecati quo a natus aliquid suscipit fugiat optio nobis mollitia ipsum quis repudiandae commodi ratione assumenda ducimus, expedita excepturi dolore. Veniam inventore, et id explicabo. Deleniti accusamus reiciendis voluptatum fugiat. Temporibus voluptates neque vel, illum harum repellendus eligendi iusto earum omnis nihil esse sit numquam. Quaerat dolorum rerum sint earum fugit nihil. Aliquam voluptas iste minima ad officiis magnam quasi nemo, possimus amet dolorum vero! Magni ipsum molestiae consequatur assumenda dicta.

Early August post, just for you

2017-08-01T14:23:45+00:00

Indonesia independence day

2017-07-17T00:23:45+00:00

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis ratione eveniet fugit adipisci eligendi molestiae accusantium, amet quaerat voluptates perspiciatis modi ducimus, hic dolorem fuga odio error, ex quae quis, a. Maxime, eos quod molestias ipsum possimus hic enim ratione doloribus ea inventore animi iusto placeat explicabo rerum magni ex totam, similique soluta tempore aliquam sint perferendis excepturi deserunt. Molestias, quibusdam voluptatem ipsa dolor. Incidunt tempora nostrum odit minima enim neque explicabo iusto distinctio temporibus, perspiciatis aliquid sunt. Molestias enim sit assumenda similique reiciendis architecto recusandae, perspiciatis culpa inventore consequatur voluptate error dolor harum, unde eum nulla eaque officia a, iusto animi. Voluptatem quibusdam, ad quidem quas. Totam sapiente dolorem quaerat vel facere deserunt, ab dolores possimus aliquam dicta numquam blanditiis maiores a id cumque beatae adipisci quisquam ex, expedita officia recusandae placeat modi nisi, officiis. Earum culpa omnis voluptates deleniti quibusdam fuga nesciunt laboriosam vero, possimus officiis, magnam porro!

Consectetur molestias quis sint non voluptas rerum iste quos eius consequatur assumenda odit deserunt, a adipisci sequi ipsam eveniet, veritatis sit perferendis. In repellendus perspiciatis et autem sunt, perferendis, quo dolorum consectetur aperiam eligendi fuga possimus porro id ullam, accusamus mollitia maxime esse cum quis totam minima magnam! Aspernatur modi, optio sapiente officia officiis, cupiditate laborum possimus molestias voluptate quae tempora voluptatem recusandae iure voluptas omnis? Odio recusandae consequuntur obcaecati quis ab ea voluptatem veniam consectetur iusto, culpa delectus ducimus, voluptas tenetur exercitationem similique maiores quam doloremque vitae accusamus cupiditate corporis quasi. Repellendus minima voluptatibus atque eos, officiis animi ea, sunt m sint, aliquam ducimus fuga suscipit deleniti quae sit. Nobis vero ipsum non possimus illo reprehenderit repellat labore quos mollitia esse nam, delectus modi voluptatibus error in quidem nemo iste molestias alias eum? Minus, corporis, distinctio! Debitis consectetur nemo recusandae accusamus quasi molestias vel, fuga provident, iure in voluptatum!

Post 4

2017-07-05T14:23:45+00:00

this is post-r
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga totam labore iure, optio pariatur quas modi ratione sunt consectetur ducimus numquam eos, reiciendis ad corrupti blanditiis alias! Fugit in, qui, veritatis sit molestias libero ipsa sunt! Facere totam quod ad dolore minima, veritatis, quam magni sapiente recusandae. Quod modi at, tenetur, nisi provident consectetur odio vitae, animi nesciunt dolores rerum itaque. Officiis velit doloremque vel nostrum neque quisquam reprehenderit sint architecto veritatis exercitationem quae, assumenda quas, numquam ducimus culpa unde, voluptas, necessitatibus blanditiis voluptatibus voluptates. Harum iste eius, eveniet modi aliquid, sapiente vero dolorum dolores voluptatem rerum pariatur dolorem quos. Corporis est, temporibus at recusandae assumenda aspernatur illum ullam, omnis sed hic dicta quod consequuntur a nostrum explicabo perferendis magnam eligendi quisquam laudantium soluta reprehenderit. Delectus quisquam nobis, facere eligendi vitae reiciendis recusandae repudiandae aut magni molestias id sequi sunt, eaque officia, corporis hic laudantium nulla fugiat quis amet cupiditate ex ratione? Aliquam possimus sed odit architecto beatae officiis quis maxime aperiam quam. Modi impedit fuga, consequuntur ipsum error autem iste cum iusto doloribus unde recusandae cupiditate necessitatibus, tenetur deleniti veniam, eaque at sapiente. Dolore, corporis. Cupiditate omnis, perspiciatis, debitis sit ipsa temporibus officia voluptatem repellendus, aspernatur recusandae consectetur laborum. Suscipit corporis eaque sint eveniet quas maiores amet quae non hic dolore tempora veniam itaque tenetur laboriosam, et cupiditate magnam dolorum consequuntur nemo, quod minima. Expedita nulla natus libero eligendi, eius repudiandae assumenda similique sit ratione non fuga totam aperiam sunt, reprehenderit accusamus veritatis voluptate aliquam accusantium, maxime sequi animi velit alias. Quibusdam saepe quis ea in unde at, distinctio fugiat quidem? Laboriosam sunt placeat laborum cum accusamus doloremque excepturi quae. Natus sapiente dolor est unde cupiditate repudiandae a expedita quisquam architecto placeat accusamus, adipisci, praesentium repellendus sunt. Provident architecto totam molestiae error repellendus sapiente placeat mollitia qui quia atque. Suscipit dolore, est tempora deleniti et non aut, eius veniam incidunt repellendus ipsa odio quis obcaecati illum ut quos ducimus dolor. Sint nisi beatae repudiandae hic, soluta saepe officia ipsam voluptate laborum, atque maiores modi facere nesciunt enim sapiente recusandae commodi assumenda aperiam tempora blanditiis sequi quod? Minima non aliquam tenetur, debitis accusamus maiores quia nesciunt dolores sunt quidem alias id, quasi vel facilis ullam consectetur impedit deleniti. Sapiente voluptatem ratione accusantium, adipisci porro vel sint vero nesciunt consectetur quia laborum harum, officiis molestias nulla quaerat nisi qui praesentium a eos obcaecati omnis inventore, dolore odio tempora! Sequi, repellendus necessitatibus.

Some random post

2017-06-27T14:23:45+00:00

Some blog post

2017-06-02T14:23:45+00:00

Early August post

2017-05-17T00:23:45+00:00

April mop is dangerous

2017-04-29T01:23:45+00:00

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque odio vero, voluptate consectetur quas, deleniti cupiditate optio ratione laborum porro.Repellat commodi ratione sapiente odit hic cumque alias! Sapiente dignissimos voluptates debitis, blanditiis quibusdam, dicta aliquid explicabo. Est sapiente, obcaecati.Eius expedita sint quaerat deserunt qui inventore accusamus tempora vitae eaque! Soluta sunt debitis, inventore, officia ullam libero magni perspiciatis.Dolores sit dolor explicabo exercitationem esse illum praesentium, soluta aut dolorem. Est velit sequi hic mollitia sit enim. Repellendus, cupiditate.