logo

blog

My website can't be that messy, right? git clone https://hacktivis.me/git/blog.git

css-cursors-demo.sh (1195B)

    

  1. #!/bin/sh
  3. CURSORS='
  4. auto
  5. default
  6. none
  7. context-menu
  8. help
  9. pointer
  10. progress
  11. wait
  12. cell
  13. crosshair
  14. text
  15. vertical-text
  16. alias
  17. copy
  18. move
  19. no-drop
  20. not-allowed
  21. grab
  22. grabbing
  23. e-resize
  24. n-resize
  25. ne-resize
  26. nw-resize
  27. s-resize
  28. se-resize
  29. sw-resize
  30. w-resize
  31. ew-resize
  32. ns-resize
  33. nesw-resize
  34. nwse-resize
  35. col-resize
  36. row-resize
  37. all-scroll
  38. zoom-in
  39. zoom-out'
  41. WORKDIR="$(dirname "$0")"
  43. for cur in ${CURSORS}; do
  44. printf '#cursors-%s { cursor: %s; }\n' "$cur" "$cur"
  45. done >| "${WORKDIR}/css-cursors-demo.css"
  47. (
  48. printf \
  49. '<!DOCTYPE html>
  50. <html xmlns="http://www.w3.org/1999/xhtml" xmlns:xi="http://www.w3.org/2001/XInclude" xml:lang="en" lang="en">
  51. 	<head>
  52. <!--#include file="/templates/head.shtml" -->
  53. 		<title>CSS cursors demo</title>
  54. 		<link rel="stylesheet" href="css-cursors-demo.css" />
  55. 	</head>
  56. 	<body>
  57. <!--#include file="/templates/en/nav.shtml" -->
  58. 		<main>
  59. 		<h1>CSS cursors demo</h1>
  60. 		<p>You can hover on each word to get it&quot;s corresponding cursor property</p>
  61. 		<ul>
  62. '
  64. 	for cur in ${CURSORS}; do
  65. 		printf \
  66. '			<li id="cursors-%s">%s</li>
  67. ' "$cur" "$cur"
  68. 	done
  70. printf \
  71. '		</ul>
  72. 		</main>
  73. <!--#include file="/templates/en/footer.shtml" -->
  74. 	</body>
  75. </html>\n'
  76. ) >| "${WORKDIR}/css-cursors-demo.xhtml"