{"id":17091361,"url":"https://github.com/ajvb/fixie-loremipsum.js","last_synced_at":"2025-03-23T16:14:16.506Z","repository":{"id":3770537,"uuid":"4847342","full_name":"ajvb/fixie-loremipsum.js","owner":"ajvb","description":"A fixie.js fork using the original Lorem Ispum text.","archived":false,"fork":false,"pushed_at":"2012-07-01T02:40:31.000Z","size":140,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-01-28T22:19:34.056Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ajvb.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2012-07-01T02:39:04.000Z","updated_at":"2014-05-13T12:43:52.000Z","dependencies_parsed_at":"2022-09-13T10:11:24.081Z","dependency_job_id":null,"html_url":"https://github.com/ajvb/fixie-loremipsum.js","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ajvb%2Ffixie-loremipsum.js","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ajvb%2Ffixie-loremipsum.js/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ajvb%2Ffixie-loremipsum.js/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ajvb%2Ffixie-loremipsum.js/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ajvb","download_url":"https://codeload.github.com/ajvb/fixie-loremipsum.js/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245128130,"owners_count":20565206,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-14T13:58:24.673Z","updated_at":"2025-03-23T16:14:16.463Z","avatar_url":"https://github.com/ajvb.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Fixie-LoremIspum.js\n\nA fork of the original [fixie.js](https://github.com/ryhan/fixie), but instead it utilizes the original two paragraphs of the [Lorem Ipsum](http://ipsum.com) rather than a collection of random words.\n\n##Below is the rest of the README from the original fixie.js. [Make sure to check it out](https://github.com/ryhan/fixie)\n\n### Why use Fixie?\nWhen designing and developing websites, it's often useful to add lorem ipsum text to see what your page will look like without worrying about your final content.\n\nUnfortunately, adding lots of filler content involves lots of copy-pasting and manual editing, and also makes your HTML unwieldy.\n\n[Fixie.js](http://www.fixiejs.com \"fixiejs\")  makes filler content succinct, making it faster and easier to test out your designs.\n\n## Instructions\n\n### Step 1 - Add fixie.js \n\nAdd `\u003cscript type=\"text/javascript\" src=\"fixie.js\"\u003e\u003c/script\u003e` to the bottom of your html document, right before your closing `\u003c/body\u003e` tag.\n\n### Step 2 - Add the `fixie` class.\n\nWherever you need filler content, set `class=\"fixie\"`.\n\nFor example, if you wanted one filler paragraph, you could use\n`\u003cp class=\"fixie\"\u003e\u003c/p\u003e`\n\n### Step 2 - Alternatively use `fixie.init`\n\nSelect where you want filler content using CSS selectors.\n\nCall\n```\nfixie.init([\".array\", \"#of \u003e .selectors\", \".that\", \".should\", \"#be \u003e .populated\", \".with\", \".lorem\"]) \n```\nor \n```\nfixie.init(\".string, #of \u003e .comma, .separated, .selectors, .that, .should, #be \u003e .populated, .with, .lorem\")\n```\nin the JavaScript console or within a `\u003cscript\u003e` tag.\n\nYou can call Fixie on all empty elements on a page by calling:\n```\nfixie.init(':empty')\n```\n\n## Supported Elements\nFixie inserts the right type of content based on the tag name. Here are some major types you should be aware of:\n\n- `\u003ch1 class=\"fixie\"\u003e\u003c/h1\u003e` - Adds a few words of text. Same goes for `h2 - h6`\n- `\u003cp class=\"fixie\"\u003e\u003c/p\u003e` - Adds a paragraph of text.\n- `\u003carticle class=\"fixie\"\u003e\u003c/article\u003e` - Adds several paragraphs of text.\n- `\u003csection class=\"fixie\"\u003e\u003c/section\u003e` - Adds several paragraphs of text.\n- `\u003cimg class=\"fixie\"\u003e\u003c/img\u003e` - Adds an image which displays the width and height of the image.\n- `\u003ca class=\"fixie\"\u003e\u003c/a\u003e` - Adds a randomly named link.\n\n## Tips\n\n### Change the default image placeholder service\nUse `fixie.setImagePlaceholder(source)`.\n\nFor example, to pull images from Flickr using http://flickholdr.com/, call\n```\nfixie.setImagePlaceholder('http://flickholdr.com/${w}/${h}/canon').init();\n```\n\n### Add class fixie to containers\nFixxie will act on all child elements, but will never \noverwrite content within an element.\n\nConsider the following example:\n```\n\u003cdiv class=\"fixie\"\u003e\n\u003cp\u003eHello \u003ca\u003e\u003c/a\u003e\u003c/p\u003e\n\u003c/div\u003e\n```\nFixie will preserve the \"Hello\" text, but will\nautomatically add content to the link.\n\n### Fixie for Rails\n[fixie-rails](https://github.com/csexton/fixie-rails)\n\n### Flagging filler content\nWhen you start adding real copy to your page, try adding the following CSS to your stylesheet:\n\n`.fixie{ border:4px solid red; }`\n\nThis CSS will highlight all of your dummy content, making it easier to make sure you didn't miss anything.\n\n## License\n\nThe MIT License\n\nCopyright (c) 2012 Ryhan Hassan\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the \"Software\"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fajvb%2Ffixie-loremipsum.js","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fajvb%2Ffixie-loremipsum.js","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fajvb%2Ffixie-loremipsum.js/lists"}