Google Custom Search

[[)roi(]]

Does anyone know how to diagnose problems with this i.e. dialog box is active: https://codefunc.github.io/search/, but no matching search results?

From what I could gather it relies on access to sitemap.xml for this; I coded mine (using Jekyll examples), here's the result: https://codefunc.github.io/sitemap.xml

Can you see any issues; provide any suggestions?

 

[C4Cat]

Doesn't it take a while for google to index a site?

 

[[)roi(]]

Doesn't it take a while for google to index a site?

That too; but it appears that there was another step to do; tried yesterday and nothing happened; today after starting again I ended up with the search console again (but this time I found more options), and a way to monitor if the crawling is complete; now to figure out what's wrong.

 

[Thor]

I like that theme!!

 

[[)roi(]]

I like that theme!!

Thanks me too; busy making some extensive changes to it though; by trying to make my life easier going forward; meaning lots of CSS, HTML, HTML DOM and JavaScript. Finally got the DOM sorted; less article boiler plate; and it now remembers your last language selection, and loads accordingly. Yet still not happy with the boiler plate around the language blocks; that's tonight's effort.

 

[Thor]

Thanks me too; busy making some extensive changes to it though; by trying to make my life easier going forward; meaning lots of CSS, HTML, HTML DOM and JavaScript.

I know css if you need help at any point.

 

[[)roi(]]

I know css if you need help at any point.

Thanks that's nice of you... let me gather my thoughts and I'll put forward some ideas. Code is here btw: https://github.com/codefunc/codefunc.github.io

 

[Thor]

I saw

 

[[)roi(]]

I saw

Ok two things came to mind:

• Show/hide section i.e. to reveal solutions -- this article has an example: https://www.raywenderlich.com/76349/swift-ninja-part-1
• <div> that I can left, right or centre align; with text wrapping; inside I plan to have images & a title (previous link also has a good example of this)

Design is flexible, and there's no expectation, only if you have a free moment (credit is guaranteed).

 

[Thor]

On the road let me have a look tonight should not be a problem

 

[Thor]

I will do something more integrated for you tomorrow, but this should suffice ie the idea:

<input type="text" value="CLICK TO SHOW CONTENT">
<div id="content-box-one">
and the content will show.
</div>

CSS

#content-box-one {
  display: none;
}
input[type="text"]{
    color: transparent;
    text-shadow: 0 0 0 #000;
    padding: 6px 12px;
    width: 150px;
    cursor: pointer;
}
input[type="text"]:focus{
    outline: none;
}
input:focus + div#content-box-one {
  display: block;
}

 

[_kabal_]

Generally using id's as CSS selectors is an anti pattern and should be avoided

 

[Thor]

Generally using id's as CSS selectors is an anti pattern and should be avoided

Definitely, although I used the input, but I get what your saying. I'm on the phone as I won't make it home in time and did not want to leave the guy hanging after I said I'll help.

 

[_kabal_]

All good. Was just a general comment.

Nice one on helping him out

 

[[)roi(]]

Generally using id's as CSS selectors is an anti pattern and should be avoided

I've added quite a few anti-patterns (quick & dirty)... still too involved tail chasing for refactoring.

Definitely, although I used the input, but I get what your saying. I'm on the phone as I won't make it home in time and did not want to leave the guy hanging after I said I'll help.

Thanks Thor187; a few more things to do on the DOM, but will test tonight; thanks again.

 

[[)roi(]]

Ps. Google Custom Search problems have been resolved; was a combination of missing steps and overnight indexing.

 

[[)roi(]]

I will do something more integrated for you tomorrow, but this should suffice ie the idea:

<input type="text" value="CLICK TO SHOW CONTENT">
<div id="content-box-one">
and the content will show.
</div>

CSS

#content-box-one {
  display: none;
}
input[type="text"]{
    color: transparent;
    text-shadow: 0 0 0 #000;
    padding: 6px 12px;
    width: 150px;
    cursor: pointer;
}
input[type="text"]:focus{
    outline: none;
}
input:focus + div#content-box-one {
  display: block;
}

Thanks again; fits the need perfect; hopefully today I can find time to incorporate it. Thankfully I finished the DOM related Javascript; it works perfectly; so my free time today could be spent reworking articles, and hopefully publishing some new ones.

PS. you're welcome to publish an article on any topic if you like. Xennox has been a great help; code examples added for C++, Python and Javascript.

FYI I'm also planning to modify the site's Jekyll template to support categories and probably even topic tags e.g. Functional Programming, OOP, Web, etc... Plus article attribution should probably take a more central focus: re author.