I cant't add favicon in Ganglia-web
Ganglia-web use dwoo templates, and i not found tag
<head></head>
in default index.php
Need add next string:
<link href="favicon.ico" rel="icon" type="image/x-icon" />
in templates/default/header.tpl
File favicon.ico put in webroot directory
Related
My AG Grid application is now failing to load styles from https://unpkg.com/ag-grid-community/dist/styles/ag-grid.css with the error:
Cannot find "/dist/styles/ag-grid.css" in ag-grid-community#29.0.0
This used to work before the v29 release.
The v29 Changelog describes why this dist folder has been deleted and the styles have been moved to a new location.
To resolve please follow the instructions from the official docs as the styles are now in a new location.
<!-- old path -->
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/ag-grid-community#28.0.0/dist/styles/ag-grid.css" />
<!-- new path -->
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/ag-grid-community#29.0.0/styles/ag-grid.css" />
This is my first time using Hugo. I am using the Bento theme for my Hugo site which did not come with favicon support out of the box (I searched the entire code base and it is nowhere to be found). Consequently, I added the necessary HTML tags to the partials > head.html. When I run locally with hugo server -D or npm run dev, the favicon shows up fine.
I think there is an issue with how my relative href is written, however, whenever I change it, it breaks it locally. I am using AWS Amplify for deployment with auto cloudfront invalidation so that is not the issue.
When I inspect the page source of the deployed site, I get this for the favicons:
<link rel="apple-touch-icon" sizes="180x180" href="favicon%20not%20found%25!%28EXTRA%20string=apple-touch-icon.png%29">
You can see the issue in the href= field
Here is how my favicons are implemented in partial/head.html:
<link rel="icon" type="image/png" sizes="32x32" href="{{ "/img/favicon-32x32.png" | relURL }}">
<link rel="icon" type="image/png" sizes="16x16" href="{{ "/img/favicon-16x16.png" | relURL }}">
<link rel="apple-touch-icon" sizes="180x180" href="{{ "/img/apple-touch-icon.png" | relURL }}">
I also tried to implement this by adding the links in the config.toml and using Site.Params, but no luck with that either.
The below is how you would do it:
<link ... href="/img/favicon-32x32.png">
<link ... href="/img/favicon-16x16.png">
<link ... href="/img/apple-touch-icon.png">
So you don't have to use the hugo/Go {{}} tag (that would be for a site variable like {{.section }} - you can just put in the relative url which would simply be "/img/favicon-32x32...etc" Just make sure your image is in the corresponding folder.
I tested on my install of hugo and as long as your favicon is in the right place - that handles your problem.
Also note: If you would like to use a site variable {{ $.Site.Params etc...}} such as a href="{{ #.Site.Params etc...}} you would add the variable name and value to your config file. See below for reference on this from hugodocs:
Site Variables
I am new in this Ionic field. I created a new app in my localhost folder(C:\xampp\htdocs). When I go to "http://localhost/ionapp/www/" everything works fine but when I run the app from "ionic serve" command I get the blank page.
When I viewed the page source I found that ionic.css and ionic.bundle.js file are not loaded during ionic serve. And in the console I get the error like "angular is not defined". Can anyone please help me fix this?
Here is my index.html which should load css and js files
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<title></title>
<link href="lib/ionic/css/ionic.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above
<link href="css/ionic.app.css" rel="stylesheet">
-->
<!-- ionic/angularjs js -->
<script src="lib/ionic/js/ionic.bundle.js"></script>
<!-- cordova script (this will be a 404 during development) -->
<script src="cordova.js"></script>
<!-- your app's js -->
<script src="js/app.js"></script>
<script src="js/controllers.js"></script>
<script src="js/services.js"></script>
</head>
<body ng-app="starter">
<!--
The nav bar that will be updated as we navigate between views.
-->
<ion-nav-bar class="bar-stable">
<ion-nav-back-button>
</ion-nav-back-button>
</ion-nav-bar>
<!--
The views will be rendered in the <ion-nav-view> directive below
Templates are in the /templates folder (but you could also
have templates inline in this html file if you'd like).
-->
<ion-nav-view></ion-nav-view>
</body>
</html>
So it was not the issue with my ionic but with my browser. Turns out I was getting ERR_CONNECTION_RESET in my console. So basically what I did was
Open cmd prompt as administrator.
Run the command netsh winsock reset.
Restart my computer.
I don't know how it happened but it solved all my problems.
I am a newbie in Nodejs,
When I try to use grunt in sails with 'sails www --prod' command.
My web's style is broken. Then changed css path,
<!--STYLES-->
<link rel="stylesheet" href="min/production.min.css">
<!--STYLES END-->
to
<!--STYLES-->
<link rel="stylesheet" href="concat/production.css">
<!--STYLES END-->
to find what happened, And in the browser console told an error
GET http://localhost:88/concat/bootstrap.css.map 404 (Not Found)
Now, I know that bootstrap.css can't find .map file and I didn't know how to fix it.
Thanks for help.
You should copy bootstrap.css.map from bootstrap folder to concat folder
is there any way to include a file in all gsp file header ? i want to include a file
<g:javascript src="hotkey.js"/>
in all Gsp files heade part. i'm using STS (SpringSource Tool Suite).
If you include your .js files in main.gsp then it will automatically be included in all gsps with the tag <meta name="layout" content="main" /> in the <head>. Example gsp head below:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="layout" content="main" />
<g:set var="entityName" value="${message(code: 'transactionRecord.label', default: 'TransactionRecord')}" />
<title><g:message code="default.create.label" args="[entityName]" /></title>
</head>
The main layout is automatically included in all gsps generated by the scaffolding create commands.