Question:
How or where do I begin to make my own website?
?
2009-03-20 17:43:59 UTC
I want to build a website to help beginning drivers, girlfriends, wifes or others who do not know how to check the simplest things on a car. Where do you look to check the water level, brake fluid, and where to add the oil? And other very simple tasks. I want to create this website to help others as well as my son who added oil through the radiator, my father-in-law who called me to ask me where the radiator cap was located, and especially for my wife who did not know how to open the hood on my NEW car that she drove for the very first time. She wanted to see why my NEW car was smoking when she returrned home from shopping..
I would like to make about 2 min webcam videos on different subjects. One video would be to show my wife how to release my parking brake before she drives my NEW car and the other video is how to replace the brake pads on my NEW car's rear wheels.
I know there must be others that could benifit from my videos. So if you can help me, please give me some leads where and how to begin to develope a website for the mechanically challenged. I want this to be a free website for anyone who needs a videol aid to understanding automitive tasks. Maybe I can help you with a mechanical problem for exchange on building a website.
Thank you
Seven answers:
Daniel N
2009-03-20 18:00:40 UTC
First, you need to decide: Will you pay for your website, or not?



Not paying for your website means that you will have limited control over it, something you may not like, it will be part of another website (Like if your website was ronaldo.com, and you were using Freewebs, it would appear as ronaldo.freewebs.com), and there will be a lot of advertisements on the page, that you can't remove.



If you pay for your website, you'll get complete control over it, and no adds, and it'll be it's own website (So it will be just ronaldo.com).



I'm going to assume you want to pay for your website (It's pretty cheap: You can get a website for 5 years, for only $50 [Then you'd have to renew it]).



If you want a website, I recommend you go to http://godaddy.com



From there, buy your website.



Now, you'll have two choices: Get Web Hosting from Godaddy, or another company.



Web Hosting is something that you use to manage your website, and it almost always WILL cost money.



I recommend that you don't get Web Hosting from Godaddy, but from FatCow, or another company.



From there, you need to redirect the nameservers to FatCow's. You will need to contact Customer Support (From Godaddy) to learn how to do this. The nameservers for fatcow are n1.fatcow.com and n2.fatcow.com



Once you have your website, you'll need to learn the basics of editing.



The basic languages for editing website are called HTML (Hyper Text Markup Language) and CSS (Cascading Style Sheets).



HTML is the first thing you'll need to learn. Without it, the Internet would fall apart faster then you can blink your eyes.



Here's the basics of HTML you should know:



When you start your page, the first tag you'll want to use is . (This is not strictly true, but good enough for a beginner).



Now, at the END of the document, you'll want to place , to show that the is ending.



After the , but before the , you will want to place a tag, and within that, a tag. The tag will be used to make the text at the top of the screen (The title). <br /><br /> <br /><br />Once the </head> is written, write <body>. The </body> will go right before the </html>. Inside the body is where the text on the screen will show up. <br /><br /> <br /><br />When you write a heading, you'll want to use the <h1></h1> tags to make LARGE headings, and place the text between those. <br /><br /> <br /><br />For paragraphs, use the <p></p> tags, place the text between those. <br /><br /> <br /><br />For more detailed tutorials for beginners, go to http://tizag.com </div> </div> <!--</div>--> </div> <div class="qa_answer " > <!--<div class="qa_post_head_div">--> <div class="qa_post_head"> <div class="post" id="post1"> <div class="post_header"> <div class="ya_post_header_poster"> anonymous </div> <div class="post_header_date"> <span class="timeago" title="2009-03-20T18:29:21-05:00">2009-03-20 23:29:21 UTC</span> </div> </div> </div> </div> <!--</div>--> <!--<div class="qa_post_content_div">--> <!--<div class="qa_post_content_left"> </div>--> <div class="qa_post_content_body"> <div class="post_body parsed"> <div class="post_actions"> <!--<a href="https://narkive.com/b1R7AoE7.00000" style="border: 0;" class="post_actions_bit" rel="nofollow">switch to english</a>--> </div> First of all, I want to say what a great idea for a website...I'm sure there are a lot of people who would benefit from this. I taught my wife to drive and change the tire and this would be a great tutorial for her and myself to learn more. As for building a website..... <br /><br /> <br /><br />Try Blink Web or Wix, their easy to manage free website (or blog) has cool features that include drag and drop capability, switch designs on the fly, youtube and google video, custom html, upload images, flikr photo gallery, visitor stats and more. You can also buy a new domain instantly, or host your existing domain for free and make it your own (www.yourown.com) <br /><br /> <br /><br />If your looking for something more advanced but still user friendly then try XsitePro, Sitebuilder Designs or Calvary Studios, they have everything you need in building your own website: domain name registration or domain transfer, web hosting, web builder, site maintenance and email accounts. Everything is laid out in an easy to follow step by step instruction. Some of the features included enable you to add your own themes, videos, images or mp3 music making your site unique to you. Pricing is comparable and affordable too. <br /><br /> <br /><br />I hope that I was of some help and answered your question. </div> </div> <!--</div>--> </div> <div class="qa_answer " > <!--<div class="qa_post_head_div">--> <div class="qa_post_head"> <div class="post" id="post2"> <div class="post_header"> <div class="ya_post_header_poster"> Don </div> <div class="post_header_date"> <span class="timeago" title="2009-03-20T13:05:28-05:00">2009-03-20 18:05:28 UTC</span> </div> </div> </div> </div> <!--</div>--> <!--<div class="qa_post_content_div">--> <!--<div class="qa_post_content_left"> </div>--> <div class="qa_post_content_body"> <div class="post_body parsed"> <div class="post_actions"> <!--<a href="https://narkive.com/b1R7AoE7.00000" style="border: 0;" class="post_actions_bit" rel="nofollow">switch to english</a>--> </div> First, you need to locate a web hosting service that will allow you to store files and information. After this, and depending on your web host, you may need to obtain a unique domain name. Yahoo is the domain name in http://www.yahoo.com. Some things to consider are the disk space offered. If you're given a little amount of disk space, then you may not be able to upload large videos (unless you use YouTube -- but that's less professional). Obviously, this all costs money.. depending on your host and the quality of the host, you may end up paying more or less for the services provided. In order to make the actual webpage, you need to obtain a webpage editor. Probably most common (and most basic) webpage editor is Microsoft Word. As far as I know, Word can not handle HTML code, but I could be wrong. HTML code is easily handled in Dreamweaver from Adobe. This is a $400 piece of software. If you have a mac with iWeb, you're in luck. I actually just discovered its ease of use. There are templates in iWeb which make it easy for you to make your own webpage. Templates which include uploading videos. Don't forget, the only way you can do this is if you have access to a web server. <br /><br /> <br /><br />oh yeah.. I feel ya about your car. When I came back from school for spring break my car wouldn't start -- at all. I'd love to learn more about your site when you get it up and running </div> </div> <!--</div>--> </div> <div class="qa_answer " > <!--<div class="qa_post_head_div">--> <div class="qa_post_head"> <div class="post" id="post3"> <div class="post_header"> <div class="ya_post_header_poster"> softwareDev </div> <div class="post_header_date"> <span class="timeago" title="2009-03-20T13:03:34-05:00">2009-03-20 18:03:34 UTC</span> </div> </div> </div> </div> <!--</div>--> <!--<div class="qa_post_content_div">--> <!--<div class="qa_post_content_left"> </div>--> <div class="qa_post_content_body"> <div class="post_body parsed"> <div class="post_actions"> <!--<a href="https://narkive.com/b1R7AoE7.00000" style="border: 0;" class="post_actions_bit" rel="nofollow">switch to english</a>--> </div> This sounds like a good business, I would build it and administer it for you I bet we would become rich, but you probably don't want to share the profit. <br /><br /> <br /><br />Anyways, this is where you can start. <br /><br /> <br /><br />Get a domain name and server from godaddy for around $50.00/year <br /><br /> <br /><br />Install Wordpress - wordpress is free, you can get it at wordpress.org. Wordpress is a content management system , which basically means that no programming is required to build and ad content to your site. <br /><br /> <br /><br />Sign up for an adsense account so people will pay you for ads- adsense.com <br /><br /> <br /><br />If you can make these videos be 10 minutes or less you can upload them to youtube this way you can paste them on your website a lot easier AND make money from people who watch your videos both in youtube and your site. <br /><br /> <br /><br />Sign up for a free analytics account at google.com/analytics - this tool will show you how many visits you are getting, how long they are staying and where they are coming from between other stuff, this way you'll know if this site is really working or not. </div> </div> <!--</div>--> </div> <div class="qa_answer " > <!--<div class="qa_post_head_div">--> <div class="qa_post_head"> <div class="post" id="post4"> <div class="post_header"> <div class="ya_post_header_poster"> Dave G </div> <div class="post_header_date"> <span class="timeago" title="2009-03-23T05:06:37-05:00">2009-03-23 10:06:37 UTC</span> </div> </div> </div> </div> <!--</div>--> <!--<div class="qa_post_content_div">--> <!--<div class="qa_post_content_left"> </div>--> <div class="qa_post_content_body"> <div class="post_body parsed"> <div class="post_actions"> <!--<a href="https://narkive.com/b1R7AoE7.00000" style="border: 0;" class="post_actions_bit" rel="nofollow">switch to english</a>--> </div> As you may know a domain name is just a name, not a real website. If you are going to create your website: 1- Buy a domain name. To get a domain name, you have to pay an annual fee to a registrar for the right to use that name. 2- Buy a web hosting service to provide your online space and enable you to get your website online at your purchased domain name. <br /><br /> <br /><br />If you want to start your website I recommend purchase your domain and hosting together. In this way it is possible to get your domain for free. Some hosting services offer this gift today. <br /><br /> <br /><br />As an experienced webmaster I recommend BlueHost service which I’m sure it would work for you and fulfill all your requirements. They have a really great offer for hosting & I have used them for over 3 yrs now, and have never had a single problem with them. <br /><br /> <br /><br />They are a Multi-awarded Web Hosting which offer a Full-featured service only $6.95. You can see their Plan Details accompanied with reliable reviews regarding their service at: <br /><br />http://www.threehosts.com/reviews/1st <br /><br /> <br /><br />Here I have copied and pasted its features from their website to view: <br /><br /> <br /><br />- Free Domain Forever <br /><br />- Unlimited Space <br /><br />- Unlimited Transfer <br /><br />- Host UNLIMITED Domains (Support All Domain Names) <br /><br />- 2,500 POP/Imap Email Accounts <br /><br />- SSH (Secure Shell), SSL, FTP, Stats <br /><br />- CGI, Ruby (RoR), Perl, PHP, MySQL <br /><br />- Front Page Extensions <br /><br />- Free Site Builder <br /><br />- 24/7 Superb/Responsive Sales/Support <br /><br />- Free Search Engine Submission <br /><br /> <br /><br />They also offer "Free Site Builder" that helps you build your web pages without difficulty if you are not skilled in using any website creating program. (WYSIWYG: What You See Is What You Get) You can use this service optionally. <br /><br /> <br /><br />******IMPORTANT******* <br /><br />* This service was awarded “The Best Web Host OF The Year”. <br /><br />* If you sign up for this service you will have $75 credits to advertise your website with the google & yahoo search engines for free! <br /><br />* You Can Register A Free Domain or Use Your Existing Domains. They Support All Domain Names. <br /><br />************************** <br /><br /> <br /><br />Other useful links: <br /><br />http://www.threehosts.com/build <br /><br /> <br /><br />Good Luck! </div> </div> <!--</div>--> </div> <div class="qa_answer " > <!--<div class="qa_post_head_div">--> <div class="qa_post_head"> <div class="post" id="post5"> <div class="post_header"> <div class="ya_post_header_poster"> ? </div> <div class="post_header_date"> <span class="timeago" title="2016-02-10T04:13:16-06:00">2016-02-10 10:13:16 UTC</span> </div> </div> </div> </div> <!--</div>--> <!--<div class="qa_post_content_div">--> <!--<div class="qa_post_content_left"> </div>--> <div class="qa_post_content_body"> <div class="post_body parsed"> <div class="post_actions"> <!--<a href="https://narkive.com/b1R7AoE7.00000" style="border: 0;" class="post_actions_bit" rel="nofollow">switch to english</a>--> </div> website </div> </div> <!--</div>--> </div> <div class="qa_answer " > <!--<div class="qa_post_head_div">--> <div class="qa_post_head"> <div class="post" id="post6"> <div class="post_header"> <div class="ya_post_header_poster"> anonymous </div> <div class="post_header_date"> <span class="timeago" title="2016-03-01T20:05:59-06:00">2016-03-02 02:05:59 UTC</span> </div> </div> </div> </div> <!--</div>--> <!--<div class="qa_post_content_div">--> <!--<div class="qa_post_content_left"> </div>--> <div class="qa_post_content_body"> <div class="post_body parsed"> <div class="post_actions"> <!--<a href="https://narkive.com/b1R7AoE7.00000" style="border: 0;" class="post_actions_bit" rel="nofollow">switch to english</a>--> </div> HI, I can do this for further information you can mail me on that on that you will be more clarify with me about my work. Thank you, </div> </div> <!--</div>--> </div> </br ></br > <div id="se_licensing_notice"> <div id="se_licensing_notice_info"> ⓘ </div> <div id="se_licensing_notice_text"> This content was originally posted on Y! Answers, a Q&A website that shut down in 2021. </div> </div> <div class="ads_show_me_the_borders" id='div-gpt-ad-1628418734326-0' style='min-width: 250px; min-height: 30px; margin-left: 17px;'></div> <!--<script src="https://it.hobby.fai-da-te.narkive.com/ad-blocker.js?adclient=10120iask" type="text/javascript"></script>--> <script type="text/javascript"> //$(document).ready(function() { (nk = window.nk || []).session_id = '2f5bc0a385ee'; if(nk.adb === undefined) nk.adb = 'enabled'; if(0) nk.adb = 'untested'; nk.threadfunction = function() { $.ajax({ url: "https://" + document.domain +"/ajax/ThreadViewCounter?hash=b1R7AoE7&nk_session=" + nk.session_id, data: { page_version: 1, is_desktop: 1, lang: 'en', replycount: 7, views: 1, type: 'ya', simqa: 0, simsearchqa: 0, simsearch: 0, url: window.location.href, hash: 'b1R7AoE7', cat: document.domain.replace('.narkive.', '.'), path: window.location.pathname, title: 'How or where do I begin to make my own website?', recency: 3288, ads_filter: 'pass', // adb: nk.adb, }, cache: true, type: "GET" }) .done(function( html ) { eval(html); }); } //}); $(document).ready(function() { if(typeof adsense_dispatcher_id === 'undefined' || adsense_dispatcher_id < 2) { // disable stats collection if you're unlikely to be a new user //nk.threadfunction(); } }); // prebid callback here as there is no command queue, in theory ThreadViewCounter works, but hey var nk_ts_PreBidConnectionTime = Date.now(); function connect_prebid_callback() { if(typeof vmpbjs !== undefined && vmpbjs.onEvent !== undefined) { vmpbjs.onEvent('bidWon', function(prebidwin) { console.log(prebidwin.bidderCode+ ' won the ad server auction for ad unit ' +prebidwin.adUnitCode+ ' at ' +prebidwin.cpm+ ' CPM'); console.log(prebidwin); var u = "https://" + document.domain +"/ajax/telemprebid?abs_sec=" + parseInt((Date.now()-nk_ts_PreBidConnectionTime) / 1000) + "&nk_session=" + nk.session_id; $.ajax({ url: u, cache: false, type: "HEAD", global: false, beforeSend: function(){}, complete: function(){}, data: { bidder: prebidwin.bidder, cpm: prebidwin.originalCpm, currency: prebidwin.originalCurrency, height: prebidwin.height, width: prebidwin.width, slotElementId: prebidwin.adserverTargeting.hb_div_id }}); console.log('callback sent'); }); } else { setTimeout(function() { connect_prebid_callback(); }, 100); } } //connect_prebid_callback(); </script> <div id="last_post_visibility_indicator"> </div> <style> .post_body.parsed { /*padding: 11px 12px;*/ color: #192527; font-family: "Segoe UI","Segoe WP","Arial","Sans-Serif"; font-size: 17px; line-height: 24px; } </style> <style> @media screen and (min-width: 770px) { .post_body.parsed { padding: 11px 12px; color: #192527; font-family: "Segoe UI","Segoe WP","Arial","Sans-Serif"; font-size: 18px; line-height: 26px; } .post_header { border-width: 1px; border-radius: 3px; } .post_wrapper { border-left: 0; padding-left: 22px; } .post_body { border: 0; } .quoted_post { font-size: 14px; line-height: 18px; } .post_header { height: 30px; line-height: 30px; font-size: 17px; } #thread_lister_ctrl_nav { font-size: 24px; line-height: 32px; } #thread_lister_subtitle { display: none; } /* smaller */ #thread_lister_ctrl_nav { font-size: 20px; line-height: 31px; } .post_header { height: 28px; line-height: 27px; font-size: 16px; } .post_body.parsed { font-family: "Segoe UI","Segoe WP","Arial","Sans-Serif"; font-size: 17px; line-height: 25px; padding-bottom: 16px; } .thread #thread_lister_ctrl { margin: 8px 4px; margin-top: 7px; margin-bottom: 4px; } #thread_lister_subtitle { display: block; } #thread_lister_subtitle { margin-bottom: -5px; } #thread_container .post_header_date .timeago { font-size: 15px; } #simthread_first_header { font-family: serif; font-size: 25px; margin-top: 30px; margin-left: 15px; background-color: #f3feff; padding: 7px 13px; color: #234244; width: fit-content; border-radius: 5px; } } </style> <style> #sidebar_banner_right { /*float: right; margin-right: 20px;*/ float: left; margin-left: 40px; margin-top: 20px; width: 22px; height: 30px; /*display: none;*/ /*border: 1px solid red;*/ /*background-color: red;*/ } @media screen and (min-width: 1500px) { #sidebar_banner_right { margin-left: 80px; } } </style> </div> <div id="sidebar_container"></div> <div id="sidebar_banner_right"><div class="sidebar_banner_placeholder_2"></div></div> <div style="clear: both"></div> </div> <script type="text/javascript"> var nav_highlighted = false, sidebar_fixed = false, sidebar_initial_top_distance = 0, sidebar_initial_left_distance = 0, sidebar_right_banner_initial_left_distance = 0, last_post_divs_distance_build = 0, post_divs_distances = Array(), sidebar_height = 0, thread_navigation_height = 0, sidebar_position_offset = 0, thread_onscroll_timeout = 0, sidebar_related_height = 0; function build_post_divs_distance() { if(new Date().getTime() - last_post_divs_distance_build < 1000) { return; } var post_divs = $('.post'); for(k in post_divs) { if(parseInt(k) != k) continue; post_divs_distances[$(post_divs[k]).position().top] = $(post_divs[k]).attr('id').replace('post', ''); } sidebar_height = $('#sidebar_container').height(); thread_navigation_height = $('#thread_navigation').height(); } function thread_onscroll() { if($(window).width() < 995 || typeof($('.sidebar_banner_placeholder_1').offset()) === 'undefined') { return; } build_post_divs_distance(); var scroll_top = $(window).scrollTop(), sidebar_offset_top = $('#sidebar_container').offset().top, windows_height = $(window).height(), sidebar_css_top = parseInt($('#sidebar_container').css('top') == 'auto' ? 0 : $('#sidebar_container').css('top')), sidebar_standard_top_distance = 20, first_visible_post = 1, scroller_margins = windows_height < 250 ? 20 : 100; highlighted_top_distance = nav_highlighted > 0 ? $('#nav_post' + nav_highlighted).position().top : windows_height/2; left_margin = parseInt($('#sidebar_container').css('margin-left')); left_margin_banner = parseInt($('#sidebar_banner_right').css('margin-left')); if(sidebar_initial_left_distance == 0) { sidebar_initial_left_distance = $('#sidebar_container').offset().left/* == 0 ? 760 : $('#sidebar_container').offset().left*/; } if(sidebar_right_banner_initial_left_distance == 0) { sidebar_right_banner_initial_left_distance = $('#sidebar_banner_right').offset().left/* == 0 ? 760 : $('#sidebar_container').offset().left*/; } if(highlighted_top_distance + scroller_margins + sidebar_position_offset + sidebar_related_height > windows_height) { sidebar_position_offset -= windows_height/2; $('#sidebar_container').css('position', 'fixed').css('top', sidebar_position_offset + 'px').css('left', (sidebar_initial_left_distance - left_margin) + 'px'); $('#sidebar_banner_right').css('position', 'fixed').css('top', sidebar_position_offset + 'px').css('left', (sidebar_right_banner_initial_left_distance - left_margin_banner) + 'px'); } else if(highlighted_top_distance + sidebar_position_offset < scroller_margins) { sidebar_position_offset += windows_height/2; $('#sidebar_container').css('position', 'fixed').css('top', sidebar_position_offset + 'px').css('left', (sidebar_initial_left_distance - left_margin) + 'px'); $('#sidebar_banner_right').css('position', 'fixed').css('top', sidebar_position_offset + 'px').css('left', (sidebar_right_banner_initial_left_distance - left_margin_banner) + 'px'); } else if(!sidebar_fixed && scroll_top + sidebar_standard_top_distance > sidebar_offset_top) { $('#sidebar_container').css('position', 'fixed').css('top', '0px').css('left', (sidebar_initial_left_distance - left_margin) + 'px'); $('#sidebar_banner_right').css('position', 'fixed').css('top', '0px').css('left', (sidebar_right_banner_initial_left_distance - left_margin_banner) + 'px'); sidebar_fixed = true; sidebar_initial_top_distance = sidebar_offset_top; } else if(sidebar_fixed && scroll_top + sidebar_standard_top_distance < sidebar_initial_top_distance) { $('#sidebar_container').css('position', 'relative').css('top', '0').css('left', '0'); $('#sidebar_banner_right').css('position', 'relative').css('top', '0').css('left', '0'); sidebar_fixed = false; } for(k in post_divs_distances) if(k < scroll_top + 100 && post_divs_distances[k] != 'selector') first_visible_post = parseInt(post_divs_distances[k]); if(first_visible_post > 0 && first_visible_post <= post_divs_distances.length + 1) { $('#nav_post' + nav_highlighted).css('opacity', ''); $('#nav_post' + first_visible_post).css('opacity', '1'); nav_highlighted = first_visible_post; } clearTimeout(thread_onscroll_timeout); thread_onscroll_timeout = setTimeout(function () {thread_onscroll();}, 200); } function init_quoted_extra() { $(".quoted_post_level_1").each(function() { if($(this).text().length < 500) return; if($(this).next('.quoted_extra_clickable').length != 0) return; $(this).css('display', 'none'); $(this).after('<div class="quoted_extra_clickable">...</div>'); }); } function quoted_extra_click(e) { $(e).css('display', 'none'); $(e).prev().css('display', 'block'); build_post_divs_distance() } $( document ).ready(function() { $(".post_censored").on('click', function(event){ event.stopPropagation(); event.stopImmediatePropagation(); var post_id = $(this).closest(".post").attr('id').replace('post', ''); console.log(post_id); censored_post = $(this).closest(".post_body"); $(this).closest(".post_body").css('opacity', '0.3'); /* $.ajax({ url: "?load_censored_post=" + post_id, type: 'GET', dataType: 'html', success: function(data){ console.log(nk.censored_post); nk.censored_post.html(data); } }); */ $.post(window.location, {'load_censored_post': post_id}, function(data) { // alert('POST was successful. Server says: ' + data); console.log(censored_post); $(censored_post).html(data); $(censored_post).css('opacity', '1'); }); }); }); function thread_selector_mouseup() { } function thread_init_selection() { if(!window.location.hash || !window.location.hash.match(/^#selection:([0-9]+)\.([0-9]+)\.([0-9]+)$/)) return; nk.is_select_ref = 1; var temp = window.location.hash.match(/^#selection:([0-9]+)\.([0-9]+)\.([0-9]+)$/); var post = temp[1], start = temp[2], end = parseInt(start) + parseInt(temp[3]), ts, tr; tr = $('#post' + post).children('.post_body').html().trim(); ts = '<div>' + $('#post' + post).children('.post_body').html().trim() + '</div>'; ts = $(ts); ts.find('.quoted_post').remove(); ts.find('.post_signature').remove(); //ts.find('#selection_url_f').remove(); ts.find('br').replaceWith(' '); ts = ts.html().trim(); var post_verified = '', c; for (var i = 0; i < ts.length; i++) { if(i < start || i >= end) continue; c = ts.charAt(i); post_verified += c; if(c != ' ') continue; if(tr.indexOf(post_verified) != -1) continue; post_verified = post_verified.slice(0, -1); if(tr.indexOf(post_verified + '<br>') != -1) { post_verified += '<br>'; continue; } break; } $('#post' + post).children('.post_body').html( $('#post' + post).children('.post_body').html().replace(post_verified, '<span id="init_selection">' + post_verified + '</span>') ); var offset = (window.innerHeight < $("#init_selection").height()) ? 30 : ((window.innerHeight - $("#init_selection").height()) / 2); $('html,body').animate({scrollTop: $("#init_selection").offset().top - offset},'fast'); ga('send', 'event', 'selection', 'load', {'nonInteraction': 1}); } function thread_init_copy() { $('#thread_container').on("mouseup", function() { var t, te, tr, ts; if($('#selection_url_c:hover').length > 0) { $('#selection_url_c input').select(); ga('send', 'event', 'selection', 'click', {'nonInteraction': 1}); if(typeof nk.push_ts_event !== 'undefined') nk.push_ts_event('selected_link_hover', 1); return; } $('#selection_url_c').remove(); $('#selection_url_f').remove(); if(window.getSelection) t = window.getSelection(); else if(document.getSelection) t = document.getSelection(); else if(document.selection) t = document.selection.createRange().text; if(typeof t === 'undefined' || t.toString().length <= 1) return; if(typeof t.anchorNode === 'undefined' || typeof t.anchorNode.parentElement === 'undefined' || typeof t.anchorNode.parentElement.parentElement === 'undefined') return; te = t.anchorNode.parentElement.parentElement; if(!te.id.match(/^post[0-9]+$/)) return; tr = t.toString().replace(/\n/g, ' ').trim(); ts = '<div>' + $(te).children('.post_body').html().trim() + '</div>'; ts = $(ts); ts.find('.quoted_post').remove(); ts.find('.post_signature').remove(); //ts.find('#selection_url_f').remove(); ts.find('br').replaceWith(' '); ts = ts.html().trim(); if(ts.indexOf(tr) == -1) return; var hash = document.location.href.match(/\.narkive\.com\/([a-zA-Z0-9]{8})/); if (typeof hash[1] === 'undefined') return; hash = hash[1]; var fix_index = 0; if(ts.indexOf('init_selection') < ts.indexOf(tr) && ts.indexOf('init_selection') != -1) fix_index = 33; //console.log(ts); //console.log(fix_index); if(typeof nk.push_ts_event !== 'undefined') nk.push_ts_event('selected_char_count', tr.length); var url = 'https://narkive.com/' + hash + ':' + te.id.replace('post', '') + '.' + (ts.indexOf(tr) - fix_index) + '.' + tr.length; setTimeout(function() { try { var range = document.createRange(); range.setStart(t.focusNode, t.focusOffset); range.insertNode($('<span id="selection_url_f"></span>').get(0)); var selection_button = $('<div style="top: ' + $('#selection_url_f').offset().top + 'px" id="selection_url_c">Selection Permalink:<input type="text" value="'+url+'"></div>').get(0); $('#thread_container').append(selection_button); //console.log(selection_button); } catch (e) {} }, 10); }); } /* function thread_similarbar(hash) { if(/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent)) return; $.get( "https://" + document.domain + "/ajax/similarbar?hash=" + hash, function( data ) { $('#thread_navigation').after(data); }); } */ function thread_suggested_reading(hash) { if(/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent)) return; $.get( "https://" + document.domain + "/ajax/suggestedreading?hash=" + hash, function( data ) { $('#thread_container').append(data); }); } $( window ).scroll(function () { thread_onscroll(); }); $( document ).ready(function() { init_quoted_extra(); thread_onscroll(); /*thread_check_adv();*/ thread_init_copy(); thread_init_selection(); }); </script> <script type="text/javascript"> /* thread_similarbar('b1R7AoE7');*/ /* thread_suggested_reading('b1R7AoE7'); */ </script> <style type="text/css"> </style> <script type="text/javascript"> $( document ).ready(function() { var targetNodes = $(".adsbygoogle"); var MutationObserver = window.MutationObserver || window.WebKitMutationObserver; var myObserver = new MutationObserver (mutationHandler); var obsConfig = { attributes: true }; targetNodes.each ( function () { myObserver.observe (this, obsConfig); } ); function mutationHandler (mutationRecords) { mutationRecords.forEach ( function (mutation) { if(mutation.type == 'attributes' && mutation.attributeName == 'data-ad-status') { var jq = $(mutation.target).attr('data-ad-status'); if(jq == 'filled') { nk.adsense_status.filled++; } if(jq == 'unfilled') { nk.adsense_status.unfilled++; } nk.ts_suggestPushEvent = 1; } } ); } var testURL = "https://" + document.domain + "/s/_adverts.js" var myInit = { method: 'HEAD', mode: 'no-cors' }; var myRequest = new Request(testURL, myInit); fetch(myRequest).then(function(response) { return response; }).then(function(response) { nk.adb = 'disabled'; nk.ts_suggestPushEvent = 1; }).catch(function(e){ nk.adb = 'enabled'; nk.ts_suggestPushEvent = 1; }); }); </script> <div style="height: 50px"></div> </div> <div id="footer_wrapper"> <div id="footer_links"> <a href="https://narkive.com/about">about</a> - <!--<a href="https://narkive.com/contact">contact</a> - <a style="cursor:pointer;" id="uservoice_button">feedback</a> - --><a href="https://narkive.com/legalese">legalese</a> </div> <!-- <div id="lang_selector"> <div id="lang_select">Contents in Japanese</div> <div id="lang_select_cont"> <div id="lang_select_cont_in"> <a href="?set_lang=zh-cn" class="lang_select_bit">Chinese</a><a href="?set_lang=zh-tw" class="lang_select_bit">Chinese</a><a href="?set_lang=hr" class="lang_select_bit">Croatian</a><a href="?set_lang=cs" class="lang_select_bit">Czech</a><a href="?set_lang=da" class="lang_select_bit">Danish</a><a href="?set_lang=nl" class="lang_select_bit">Dutch</a><a href="?set_lang=en" class="lang_select_bit">English</a><a href="?set_lang=et" class="lang_select_bit">Estonian</a><a href="?set_lang=fi" class="lang_select_bit">Finnish</a><a href="?set_lang=fr" class="lang_select_bit">French</a><a href="?set_lang=de" class="lang_select_bit">German</a><a href="?set_lang=el" class="lang_select_bit">Greek</a><a href="?set_lang=he" class="lang_select_bit">Hebrew</a><a href="?set_lang=hi" class="lang_select_bit">Hindi</a><a href="?set_lang=hu" class="lang_select_bit">Hungarian</a><a href="?set_lang=id" class="lang_select_bit">Indonesian</a><a href="?set_lang=it" class="lang_select_bit">Italian</a><a href="?set_lang=ja" class="lang_select_bit">Japanese</a><a href="?set_lang=ko" class="lang_select_bit">Korean</a><a href="?set_lang=no" class="lang_select_bit">Norwegian</a><a href="?set_lang=pl" class="lang_select_bit">Polish</a><a href="?set_lang=pt" class="lang_select_bit">Portuguese</a><a href="?set_lang=ru" class="lang_select_bit">Russian</a><a href="?set_lang=sr" class="lang_select_bit">Serbian</a><a href="?set_lang=es" class="lang_select_bit">Spanish</a><a href="?set_lang=sv" class="lang_select_bit">Swedish</a><a href="?set_lang=th" class="lang_select_bit">Thai</a><a href="?set_lang=tr" class="lang_select_bit">Turkish</a><a href="?set_lang=vi" class="lang_select_bit" style="border-bottom: none;">Vietnamese</a> </div> <div id="lang_select_cont_end"></div> </div> </div> --> </div> <div id="ajax_loading">Loading...</div> <div id="overflow"></div> <div id="overflow_message"> <div id="overflow_message_header"> </div> <div id="overflow_message_content"> </div> <div id="overflow_message_actions"> </div> </div> <script async data-id="101477562" src="//static.getclicky.com/js"></script> </body></html>