Skip to content
This repository has been archived by the owner on Jul 29, 2023. It is now read-only.

t4rra/divifier

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

27 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

uwuups! awll divs!

tiwed of sewantic HTML? with divifier.js, the onwy tag u neewd is <div>!

Tabwe of Contewnts

instawwation

  1. delete github and never visit this repo again

  2. put on programming socks

  3. install divifier.js - either with file or cdn

    1. install with file
      1. download divifier.js into your repo
      2. paste at bottom 🥺 of the <body> tag
       <script src="[PATH]/divifier.js"></script>
      
    2. install with cdn
      1. paste cdn link at the bottom 🥺 of the <body> tag
      https://cdn.jsdelivr.net/gh/eaaasun/divifier@latest/divifier.min.js
      
  4. paste the code after the file/cdn link to initialize divifier

     <script> divify(); </script>
    
  5. take off programming socks

uwusage

add a <div> with a class corresponding to whatever tag you want, and use whatever attributes fit that tag.

exampwle: cweate a tabwle

<div class="table">
	<div class="tr">
		<div class="th">thing</div>
		<div class="th">link</div>
	</div>
	<div class="tr">
		<div class="td">example site</div>
		<div class="td">
			<div class="a" href="https://divifier.js.org">link</div>
		</div>
	</div>
	<div class="tr">
		<div class="td">image</div>
		<div class="td">
			<div class="img" src="https://divifier.js.org/example.png" alt="example image"></div>
		</div>
	</div>
</div>
the demo page's source has more examples, check it out!

configuwuation

option value default
target string "div"
consoleMsg boolean true

uwuse awll <span> ewements, tuwwn off consowle message

	<!-- other code -->
	<script href="[PATH]/divifier.js"></script>
	<script>
		divify({
			target: "span",
			consoleMsg: false
		});
	</script>
</body>

owo what's this? a buwg?

  1. good
  2. open an issue with as much or as little detail
  3. i will close ur issue
  4. L+ratio+wontfiwx+mald+cry about it

contwibuwting

  1. never visit this repo again
  2. open a pull request
  3. i will deny said pull request
  4. L+ratio+mald+cry about it

wimitations

  • autocomplete/code editors won't autocomplete
  • formatters won't format properly
i am so, so deeply sorry

About

quwite possibwy the wowst js fwamewowk to gwace the eawth

Resources

License

Stars

Watchers

Forks