Recent changes to Home

WikiPage Home modified by Abhishek Ghosh

Abhishek Ghosh — Wed, 24 Oct 2012 13:26:07 -0000

WikiPage Home modified by Abhishek Ghosh

Abhishek Ghosh — Wed, 24 Oct 2012 13:24:50 -0000

--- v14
+++ v15
@@ -16,7 +16,7 @@
 #Features
 --------
 
-1. Mobile responsive, minimalistic design; you test it on my own tool to get an idea how it will look across devices [4]. 
+1. Mobile responsive, minimalistic design; you test it on [my own tool to get an idea how it will look across devices] [4]. 
 * It overrides all default settings including Favicon, Apple Touch icon. 
 * If external CSS fails to load, it will fall back to default style. 
 * I compiled all the scripts from dev version, any advanced features provided by Bootstrap can be used, one can use Syntax Highlighting, can use Tabs, Buttons, drop downs, menus etc. 
@@ -75,7 +75,7 @@
 
 
 * A Good Text Editor Like Gedit. Kindly do not use Notepad, there is Windows version of Gedit.
-* Use a blob based content delivery network for faster delivery. You can use Google's free App Engine to store and deliver. For paid you can use Akamai, Rackspace, HP, Amazon etc. I have shown before how to host a website on Rackspace Cloud Files [6] and Dropbox [7]. You can follow those guides.
+* Use a blob based content delivery network for faster delivery. You can use Google's free App Engine to store and deliver. For paid you can use Akamai, Rackspace, HP, Amazon etc. I have shown before how to [host a website on Rackspace Cloud Files][5] [and Dropbox][6]. You can follow those guides.
 * Knowledge to use Opera Browser. It has fantastic dev tools too see the HTML source nicely plus has a function named Opera Dragonfly to examine the divs with overlay. You can use any browser to see HTML source, but as Opera technically is related to web standardization with modernized CSS, you will get better featured tools for developmental purpose. Firefox has confusing 3D version of Dragonfly, Chrome's one is a bicycle not a car. Safari is next good to Opera for this usage.
 
 
@@ -121,7 +121,7 @@
 -------------------------
 
 
-Please check the Bootstrap documentation on GitHub. You can use any HTML div format used there except the images, icons, which are not supplied in this package. For using a Media Player, use Flow Player and follow my guide [8].
+Please check the Bootstrap documentation on GitHub. You can use any HTML div format used there except the images, icons, which are not supplied in this package. For using a Media Player, [use Flow Player or jplayer and follow my guide][7].
 
 
 #Packaging and Getting the result
@@ -137,8 +137,12 @@
 You can use Google's API, Twitter's API or Open Stack's RESTful API. Be careful about Twitter's API as probably you allow Third Party Apps in Twitter, they can have access using any vulnerability. You can use JSON to show latest Tweets, that is much safer. 
 
 
-#Resources and References
--------------------------
+#Example Xfn Tag detected by Google
+-----------------------------------
+
+
+With rel=me tag, you can check the situation with [Google Rich Snippet Testing tool][8]. [Mine one shows like this in Rich Snippet Test][9]. You can search on Google webmaster Tools for Schema.org's snippets for person. Dublin Core, however will not work as it needs to be within the header tag. 
+
 
 [1]: http://en.wikipedia.org/wiki/Open_Directory_Project
 
@@ -146,10 +150,19 @@
 
 [3]: http://www.dmoz.org/docs/en/about.html 
 
+[4]: http://thecustomizewindows.com/responsive/
+
+[5]: http://thecustomizewindows.com/2012/10/rackspace-cloud-files-and-bootstrap-create-an-excellent-website-easily/
+
+[6]: http://thecustomizewindows.com/2012/10/tools-for-using-dropbox-cloud-for-web-hosting-easily/
+
+[7]: http://thecustomizewindows.com/2012/10/cloud-files-hosted-music-player-of-your-own/
+
+[8]: http://www.google.com/webmasters/tools/richsnippets
+
+[9]: http://www.google.com/webmasters/tools/richsnippets?url=http%3A%2F%2Fwww.dmoz.org%2Fpublic%2Fprofile%3Feditor%3Dabhishekghosh&html=
 
 
 
 
 
-
-

WikiPage Home modified by Abhishek Ghosh

Abhishek Ghosh — Wed, 24 Oct 2012 13:12:34 -0000

--- v13
+++ v14
@@ -2,7 +2,7 @@
 ==========================
 
 
-Open Directory Project or better known as DMOZ is owned by Netscape but it is constructed and maintained by a community of volunteer editors [1]. This HTML, CSS and JavaScript actually for editing, customizing the Editors' profile page with Bootstrap [2] Functions. This project is only for fun, there is monetary, backlink etc. benefit from that profile webpage. Mozilla, Netscape or AOL has no relationship with this project. If you are not an existing DMOZ Editor, there is no use of this project. However, anyone can join to do editing in ODP [3].
+Open Directory Project or better known as DMOZ is owned by Netscape but it is constructed and maintained by [a community of volunteer editors][1]. This HTML, CSS and JavaScript actually for editing, customizing the Editors' profile page with [Bootstrap][2] Functions. This project is only for fun, there is monetary, backlink etc. benefit from that profile webpage. Mozilla, Netscape or AOL has no relationship with this project. If you are not an existing DMOZ Editor, there is no use of this project. However, [anyone can join to do editing in ODP][3].
 
 [TOC]
 
@@ -140,8 +140,11 @@
 #Resources and References
 -------------------------
 
+[1]: http://en.wikipedia.org/wiki/Open_Directory_Project
 
- 
+[2]: http://twitter.github.com/bootstrap/
+
+[3]: http://www.dmoz.org/docs/en/about.html

WikiPage Home modified by Abhishek Ghosh

Abhishek Ghosh — Wed, 24 Oct 2012 13:08:30 -0000

--- v12
+++ v13
@@ -86,15 +86,22 @@
 
 First open your Public Profile on DMOZ and my supplied index.html file on Opera using two separate tabs. Now check the source of both (View > Developers Tool > Source or press CTRL + U in Windows). You will notice two HTML comments in mine one starting with :
 
--- my code starts--
+~~~~~~
+
+<-- my code starts-->
+
+~~~~~~
 
 
 ![code start](https://sourceforge.net/p/dmoz-profile/screenshot/dmoz-editor-custom-profile-code-start.png)
 
 and ending with :
 
+~~~~~~
 
--- /my code ends --
+<-- /my code ends -->
+
+~~~~~~
 
 
 ![code end](https://sourceforge.net/p/dmoz-profile/screenshot/dmoz-editor-custom-profile-code-start-2.png)

WikiPage Home modified by Abhishek Ghosh

Abhishek Ghosh — Wed, 24 Oct 2012 13:06:04 -0000

--- v11
+++ v12
@@ -79,14 +79,14 @@
 * Knowledge to use Opera Browser. It has fantastic dev tools too see the HTML source nicely plus has a function named Opera Dragonfly to examine the divs with overlay. You can use any browser to see HTML source, but as Opera technically is related to web standardization with modernized CSS, you will get better featured tools for developmental purpose. Firefox has confusing 3D version of Dragonfly, Chrome's one is a bicycle not a car. Safari is next good to Opera for this usage.
 
 
-#Understanding the structure
+##Understanding the structure
 
 
 Do not open any file in Notepad. They will mess up, please use a good text editor with syntax highlighting. Opera plus Gedit is our setup for this example. The major file to allow override is odp.css ; you basically need not to open any other CSS files for basic customization. 
 
 First open your Public Profile on DMOZ and my supplied index.html file on Opera using two separate tabs. Now check the source of both (View > Developers Tool > Source or press CTRL + U in Windows). You will notice two HTML comments in mine one starting with :
 
- 
+-- my code starts--
 
 
 ![code start](https://sourceforge.net/p/dmoz-profile/screenshot/dmoz-editor-custom-profile-code-start.png)
@@ -94,14 +94,52 @@
 and ending with :
 
 
- 
+-- /my code ends --
 
 
 ![code end](https://sourceforge.net/p/dmoz-profile/screenshot/dmoz-editor-custom-profile-code-start-2.png)
 
 
-This is basically to guide you. Within this tags your whole thing will be. 
+This is basically to guide you. Within this tags your whole thing will be. To help you more, I have added a text file in the download package named code-for-you.txt which has the things I used with HTML comments. Open it in Gedit to see it in proper format.
+
+
+##How you will proceed
+----------------------
+
+
+First, after understanding the things, rename the custom div part (a div named abhishekghosh or like that). Name the div as per your choice and change the style name in odp.css too. Both should be same. Change the description, link etc. and replace those with my index.html file's my code markup by opening index.html in Gedit. Save it. Reload in browser, you can thus modify locally on your computer.
+
+
+##Using Advanced features
+-------------------------
+
+
+Please check the Bootstrap documentation on GitHub. You can use any HTML div format used there except the images, icons, which are not supplied in this package. For using a Media Player, use Flow Player and follow my guide [8].
+
+
+#Packaging and Getting the result
+---------------------------------
+
+
+So, you got full HTML URLs of all CSS, JavaScript etc. after uploading to a CDN or Cloud Storage. As you know, you can copy paste anything in Editor profile page in that small profile text editing box. After creating the HTML package, use any online HTML compressor to rule out the chance of getting page breaks < / -br- > . Copy that and first test on that supplied index.html file, then on DMOZ profile page. 
+
+
+#Using API
+----------
+
+You can use Google's API, Twitter's API or Open Stack's RESTful API. Be careful about Twitter's API as probably you allow Third Party Apps in Twitter, they can have access using any vulnerability. You can use JSON to show latest Tweets, that is much safer. 
+
+
+#Resources and References
+-------------------------
+
+
+ 
 
 
 
 
+
+
+
+

WikiPage Home modified by Abhishek Ghosh

Abhishek Ghosh — Wed, 24 Oct 2012 12:42:25 -0000

--- v10
+++ v11
@@ -89,7 +89,7 @@
  
 
 
-!(https://sourceforge.net/p/dmoz-profile/screenshot/dmoz-editor-custom-profile-code-start.png)
+![code start](https://sourceforge.net/p/dmoz-profile/screenshot/dmoz-editor-custom-profile-code-start.png)
 
 and ending with :
 
@@ -97,7 +97,7 @@
  
 
 
-!(https://sourceforge.net/p/dmoz-profile/screenshot/dmoz-editor-custom-profile-code-start-2.png)
+![code end](https://sourceforge.net/p/dmoz-profile/screenshot/dmoz-editor-custom-profile-code-start-2.png)
 
 
 This is basically to guide you. Within this tags your whole thing will be.

WikiPage Home modified by Abhishek Ghosh

Abhishek Ghosh — Wed, 24 Oct 2012 12:41:17 -0000

--- v9
+++ v10
@@ -76,8 +76,32 @@
 
 * A Good Text Editor Like Gedit. Kindly do not use Notepad, there is Windows version of Gedit.
 * Use a blob based content delivery network for faster delivery. You can use Google's free App Engine to store and deliver. For paid you can use Akamai, Rackspace, HP, Amazon etc. I have shown before how to host a website on Rackspace Cloud Files [6] and Dropbox [7]. You can follow those guides.
+* Knowledge to use Opera Browser. It has fantastic dev tools too see the HTML source nicely plus has a function named Opera Dragonfly to examine the divs with overlay. You can use any browser to see HTML source, but as Opera technically is related to web standardization with modernized CSS, you will get better featured tools for developmental purpose. Firefox has confusing 3D version of Dragonfly, Chrome's one is a bicycle not a car. Safari is next good to Opera for this usage.
+
+
+#Understanding the structure
+
+
+Do not open any file in Notepad. They will mess up, please use a good text editor with syntax highlighting. Opera plus Gedit is our setup for this example. The major file to allow override is odp.css ; you basically need not to open any other CSS files for basic customization. 
+
+First open your Public Profile on DMOZ and my supplied index.html file on Opera using two separate tabs. Now check the source of both (View > Developers Tool > Source or press CTRL + U in Windows). You will notice two HTML comments in mine one starting with :
+
+ 
+
+
+!(https://sourceforge.net/p/dmoz-profile/screenshot/dmoz-editor-custom-profile-code-start.png)
+
+and ending with :
+
+
+ 
+
+
+!(https://sourceforge.net/p/dmoz-profile/screenshot/dmoz-editor-custom-profile-code-start-2.png)
+
+
+This is basically to guide you. Within this tags your whole thing will be. 
 
 
 
 
-

WikiPage Home modified by Abhishek Ghosh

Abhishek Ghosh — Wed, 24 Oct 2012 12:25:19 -0000

--- v8
+++ v9
@@ -64,9 +64,9 @@
 |---README.txt
 
 
-When you are online, if you double click to open the index.html file, it will load the offline replica of my customized profile. Internet connection is needed for loading the css files of DMOZ from AOL's CDN. It will look like this :
+When you are online, if you double click to open the index.html file, it will load the offline replica of my customized profile. Internet connection is needed for loading the css files of DMOZ from AOL's CDN. It will look like this (mine one) :
 
-![DMOZ Editor Custom Profile][https://sourceforge.net/p/dmoz-profile/screenshot/dmoz-editor-custom-profile.png]
+![DMOZ Editor Custom Profile](https://sourceforge.net/p/dmoz-profile/screenshot/dmoz-editor-custom-profile.png)

WikiPage Home modified by Abhishek Ghosh

Abhishek Ghosh — Wed, 24 Oct 2012 12:24:26 -0000

--- v7
+++ v8
@@ -38,14 +38,14 @@
 
 
 #How to use this DMOZ Editor Custom Profile 
-==========================================
+-------------------------------------------
 
 
 This wiki is for the purpose of how to use this DMOZ Editor Custom Profile template. You can use all the features of Bootstrap, all needed files are compiled, so you can basically use any custom div class, span class etc. as described in Bootstrap GitHub webpage.
 
 
 ##Contents in side the download
------------------------------
+-------------------------------
 
 
 After downloading and unzipping the contents on your desktop, you will get :
@@ -66,7 +66,7 @@
 
 When you are online, if you double click to open the index.html file, it will load the offline replica of my customized profile. Internet connection is needed for loading the css files of DMOZ from AOL's CDN. It will look like this :
 
-
+![DMOZ Editor Custom Profile][https://sourceforge.net/p/dmoz-profile/screenshot/dmoz-editor-custom-profile.png]
 
 
 
@@ -78,3 +78,6 @@
 * Use a blob based content delivery network for faster delivery. You can use Google's free App Engine to store and deliver. For paid you can use Akamai, Rackspace, HP, Amazon etc. I have shown before how to host a website on Rackspace Cloud Files [6] and Dropbox [7]. You can follow those guides.
 
 
+
+
+

WikiPage Home modified by Abhishek Ghosh

Abhishek Ghosh — Wed, 24 Oct 2012 12:21:01 -0000

--- v6
+++ v7
@@ -4,12 +4,32 @@
 
 Open Directory Project or better known as DMOZ is owned by Netscape but it is constructed and maintained by a community of volunteer editors [1]. This HTML, CSS and JavaScript actually for editing, customizing the Editors' profile page with Bootstrap [2] Functions. This project is only for fun, there is monetary, backlink etc. benefit from that profile webpage. Mozilla, Netscape or AOL has no relationship with this project. If you are not an existing DMOZ Editor, there is no use of this project. However, anyone can join to do editing in ODP [3].
 
+[TOC]
+
+
+
 All the downloads are licensed under GNU GPL 2.0 ; you can redistribute, modify, repack without any obligation of giving credit or backlink to this project (like WordPress.org or Debian projects). For redistribution with modification, modify the Licence.txt file respecting GNU, to protect from commercialization.
 
 DMOZ Editor Custom Profile is Free Software Pack and Licensed under GNU GPL v 2.0. A custom HTML file has been added to test any modification you will do with the resources.
 
 
-Licensing, Downloads and Readme File
+#Features
+--------
+
+1. Mobile responsive, minimalistic design; you test it on my own tool to get an idea how it will look across devices [4]. 
+* It overrides all default settings including Favicon, Apple Touch icon. 
+* If external CSS fails to load, it will fall back to default style. 
+* I compiled all the scripts from dev version, any advanced features provided by Bootstrap can be used, one can use Syntax Highlighting, can use Tabs, Buttons, drop downs, menus etc. 
+* Basically one can all the features of Bootstrap. I have not used them as I shown only the base. 
+* The page can be used for real time update of status (I am sick, I am busy etc.) with own API or any third party RESTful API.
+* Supports Opera, Chrome, Safari, Mozilla Firefox browser. There is no warranty for Internet Explorer.
+* You can use Schema.org's tags, this is important if you want to show your real identity to Google.
+* Others like FAQ are written elsewhere. Those who need will find it.
+
+Note : It is not a method to overcome non indexing, forcing backlink value etc. The pages are roboted out. Only your identity to Google will be clear. 
+
+
+#Licensing, Downloads and Readme File
 -------------------------------------
 
 
@@ -17,14 +37,14 @@
 
 
 
-How to use this DMOZ Editor Custom Profile 
+#How to use this DMOZ Editor Custom Profile 
 ==========================================
 
 
 This wiki is for the purpose of how to use this DMOZ Editor Custom Profile template. You can use all the features of Bootstrap, all needed files are compiled, so you can basically use any custom div class, span class etc. as described in Bootstrap GitHub webpage.
 
 
-Contents in side the download
+##Contents in side the download
 -----------------------------
 
 
@@ -44,12 +64,17 @@
 |---README.txt
 
 
-When you are online, if you double click to open the index.html file, it will load the offline replica of my customized profile. Internet connection is needed for loading the css files of DMOZ from AOL's CDN.
-
-**For advanced users :** When you will load the LESS files or streaming content from Akamai like optimized CDN, they will compete to get delivered first before AOL's CDN. But semantically HTML of that webpage will hinder them, and you might see the default design for few milliseconds. To fight this, we will load JavaScript from Google's CDN semantically at higher position along with the CSS (before your custom HTML div class), Google uses crap quality CDN, for this project it somewhat gives an advantage as buffer. 
-
-
-You will basically need a 
+When you are online, if you double click to open the index.html file, it will load the offline replica of my customized profile. Internet connection is needed for loading the css files of DMOZ from AOL's CDN. It will look like this :
 
 
 
+
+
+
+**You will basically need :**
+
+
+* A Good Text Editor Like Gedit. Kindly do not use Notepad, there is Windows version of Gedit.
+* Use a blob based content delivery network for faster delivery. You can use Google's free App Engine to store and deliver. For paid you can use Akamai, Rackspace, HP, Amazon etc. I have shown before how to host a website on Rackspace Cloud Files [6] and Dropbox [7]. You can follow those guides.
+
+