How to resolve <main id="main" class=""> error on google console? - pagespeed-insights

Can anyone help me how to solve error of <main id="main" class=""> on google page speed.
Here is screenshot for the errors.
Website link is https://www.kritarthhandicrafts.com/

Try the following:
<main id="main">
Because you're not using any classes, there's no need to set the class attribute, and thus you should remove it.

Related

express-flash not showing message until refresh

I have express-flash installed and working, but only after I refresh the page I was redirected to. My controllers are using flash like so
req.flash("info", "No changes were made.");
res.redirect("/admin/dashboard");
In the view, I am importing a partial that looks like this.
<% if(messages.info) { %>
<div class="modal-content flashModal" id="message-info">
<div class="header">
<span id="closeBtn">×</span>
</div>
<div class="modal-body">
<strong>
<%= messages.info %>
</strong>
</div>
</div>
<% } %>
Not exactly sure what is causing the message to appear only after I have refreshed. It looks like the redirect is happening before the flash message? The documentation seemed straight forward enough but doesn't cover an issue like this. Any help is appreciated.
https://www.npmjs.com/package/express-flash
Try to use render instead of redirect. See if it works.
res.render('dashboard);

What´s the meaning of this exception and how can I solve it?

I´m working in a Windows App but when I want to add a toolTip I get this exception: HierarchyRequestError. I´ve checked if all my tags are properly typed and it seems that there is no problem with them. Any ideas?
<div id="wrapper" data-win-control="WinJS.UI.Tooltip" data-win-options="{contentElement:'info'}">
<img src="images/news.jpg" alt="Donald Trump">
</div>
<section class="info-wrapper">
<div id="info">
<video controls src="videos/info.wmv"></video>
</div>
</section>
Nevermind, I can´t use a dash. I changed it for an underscore and it worked.

How to link to an entry in a channel in expressionengine?

I have the following code
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
{exp:channel:entries channel="static" sort="asc" dynamic="off"}
<li>{title}</li>
{/exp:channel:entries}
</ul>
</div><!--/.nav-collapse -->
Which is looping through a channel I have for static pages on my website. Technically it is showing all the stuff it should do. This is the code it outputs:
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li>Small Builders</li>
</ul>
</div>
However, when I click the link it gives me a white page. I have the htaccess from the documentation set up. I'm new to ExpressionEngine. Am I missing something completely obvious? I just want to link the the entry I've created.
If you try to go to abc.com/index/small-builders does it work? (added index)
I don't know if you're hiding index in the url or not but that can cause it.
The way I fixed this was the enable the Pages plugin on ExpressionEngine. Where I'm using ExpressionEngine 3.0.5 the plugin isn't installed/activated by default like it is on EE2.
Once this was activated I was able to assign templates and url structure no problem.
guess your post would be better on the expressionengine.stackexchange.com site.
Post it there and i´ll have a look if i can explain this to you

lungo framework does not work with example code

I am testing lungo framework, and by reading their examples (http://lungo.tapquo.com/howto/prototype), it does not work.
I am using their skeleton code:
<body class="app">
<section id="main" data-transition="">
<article id="main-article" class="active">
test.
</article>
</section>
<script src="components/quojs/quo.js"></script>
<script src="components/lungo/lungo.js"></script>
<script type='text/javascript'>
Lungo.init({
name: 'example'
});
</script>
</body>
I have no errors in my console. What can be causing the issue?
Thanks in advance.
If that's all of your HTML, then you're missing a whole bunch of CSS files, etc. Could you share a JS fiddle or longer code example? The way you're not getting any JS errors implies to me you may well be missing some CSS. Also, what version of Lungo are you using? How did you obtain it?
Lots of questions :) However, I created a basic Lungo JSfiddle a while ago - http://jsfiddle.net/otupman/vz59n/ - try that and see if it works. In the "External Resources" section you'll find the CSS & JS I'm including to make it work.
The simple code I'm using (as S/O won't let me post a JSFiddle link without code) simply looks like this:
<section id="main" >
<header data-title="JsFiddle Lungo">
<nav class="left">
<a data-icon="home"></a>
</nav>
</header>
<article class="active" id="first_article">
<strong>Simple Example</strong>
Second article
<br/>
Second section
</article>
<article id="second_article">
<strong>Second article</strong>
First article
<br/>
Second section
</article>
</section>
All of the CSS/JS files are coming from Lungo's example, for example, one CSS is http://lungo.tapquo.com/example/components/lungo/lungo.css

Facebook Like module not showing

I've succesfully installed the Facebook Like module by fekke.
However when i add this module to layer (for example homepage) nothing is showing up except the Title.
When inspecting the widget with firebug i get the following code (only copied the main elements, the full code is not shown belong due the length):
<div class="zone zone-tripel-second">
<article class="widget-tripel-second widget-facebook-like-widget widget">
<header>
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1">
<fb:like class=" fb_edge_widget_with_comment fb_iframe_widget" colorscheme="" font="Lucida Grande" action="like" width="450" show_faces="show_faces" href="http://localhost:30320/OrchardLocal/" fb-xfbml-state="rendered">
</article>
</div>

Resources