├── 1 ├── index.html ├── main.js └── style.css ├── 2 ├── index.html ├── main.js └── style.css ├── 3 ├── index.html ├── main.js └── style.css ├── 4 ├── index.html ├── main.js └── style.css ├── 5 ├── index.html ├── main.js └── style.css ├── 6 ├── index.html ├── main.js └── style.css ├── 7 ├── index.html ├── main.js └── style.css ├── 8 ├── index.html ├── main.js └── style.css ├── 9 ├── index.html ├── main.js └── style.css ├── 10 ├── index.html ├── main.js └── style.css ├── 11 ├── index.html ├── main.js └── style.css ├── 12 ├── index.html ├── main.js └── style.css ├── 13 ├── index.html ├── main.js └── style.css ├── 14 ├── index.html ├── main.js └── style.css ├── 15 ├── index.html ├── main.js └── style.css ├── 16 ├── index.html ├── main.js └── style.css ├── 17 ├── index.html ├── main.js └── style.css ├── 18 ├── index.html ├── main.js └── style.css ├── 19 ├── index.html ├── main.js └── style.css ├── 20 ├── index.html ├── main.js └── style.css ├── 21 ├── index.html ├── main.js └── style.css ├── 22 ├── index.html ├── main.js └── style.css ├── 23 ├── index.html ├── main.js └── style.css ├── 24 ├── index.html ├── main.js └── style.css ├── 25 ├── index.html ├── main.js └── style.css ├── 26 ├── index.html ├── main.js └── style.css ├── 27 ├── index.html ├── main.js └── style.css ├── 28 ├── index.html ├── main.js └── style.css ├── 29 ├── index.html ├── main.js └── style.css ├── 30 ├── index.html ├── main.js └── style.css ├── 31 ├── index.html ├── main.js └── style.css ├── 32 ├── index.html ├── main.js └── style.css ├── 33 ├── index.html ├── main.js └── style.css ├── 34 ├── index.html ├── main.js └── style.css ├── 35 ├── index.html ├── main.js └── style.css ├── 36 ├── index.html ├── main.js └── style.css ├── 37 ├── index.html ├── main.js └── style.css ├── 38 ├── index.html ├── main.js └── style.css ├── 39 ├── index.html ├── main.js └── style.css ├── 40 ├── index.html ├── main.js └── style.css ├── 41 ├── index.html ├── main.js └── style.css ├── 42 ├── index.html ├── main.js └── style.css ├── 43 ├── index.html ├── main.js └── style.css ├── 44 ├── index.html ├── main.js └── style.css ├── 45 ├── index.html ├── main.js └── style.css ├── 46 ├── index.html ├── main.js └── style.css ├── 47 ├── index.html ├── main.js └── style.css ├── 48 ├── index.html ├── main.js └── style.css ├── 49 ├── index.html ├── main.js └── style.css ├── 50 ├── index.html ├── main.js └── style.css ├── LICENSE └── README.md /1/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |
5 | 6 | 7 |This is a paragraph with changeable font size.
23 |This is a card example to demonstrate light and dark mode.
25 | Go somewhere 26 |This is the content for tab 1.
29 |This is the content for tab 2.
33 |This is the content for tab 3.
37 |Characters remaining: 50
23 | 24 |₹${product.price}
30 | 31 |Fetching products from Fake Store API
22 | 23 | 26 |${product.description}
87 |26 | Scroll down to read the content, then scroll up to see the bottom button 27 | appear. 28 |
29 | 30 |34 | Welcome to our website. We believe in the power of positivity and 35 | motivation... 36 |
37 | 38 | 39 |41 | By accessing this website, you are taking the first step towards a 42 | more motivated and inspired life... 43 |
44 | 45 | 46 |48 | Setting clear and achievable goals is crucial for maintaining 49 | motivation and tracking progress... 50 |
51 | 52 |54 | Maintaining a positive mindset can help you overcome challenges and 55 | stay focused on your objectives... 56 |
57 | 58 |60 | Consistent action towards your goals is essential for achieving 61 | success and staying motivated... 62 |
63 | 64 |66 | Regularly reflecting on your progress and making necessary adjustments 67 | can help you stay on track... 68 |
69 | 70 | 71 | 80 |28 | Click the buttons below to show different types of toast 29 | notifications 30 |
31 | 32 |This is the collapsible content. It can be expanded or collapsed by clicking the button above.
23 |32 | Type and press Enter or comma to add a tag 33 |
34 | 35 |No tags selected
53 |No hashtags detected yet.
'; 43 | return; 44 | } 45 | 46 | // Find all hashtags in the text 47 | const hashtags = findHashtags(text); 48 | 49 | // Highlight hashtags in the display area 50 | let processedText = text; 51 | 52 | // Sort hashtags by length (to avoid replacing partial hashtags) 53 | const sortedHashtags = [...hashtags].sort((a, b) => b.length - a.length); 54 | 55 | sortedHashtags.forEach(hashtag => { 56 | // Create a regex that matches the hashtag but not when it's part of a larger word 57 | const regex = new RegExp(`${escapeRegExp(hashtag)}\\b`, 'g'); 58 | 59 | // Replace the hashtag with a highlighted version 60 | processedText = processedText.replace( 61 | regex, 62 | `${hashtag}` 63 | ); 64 | }); 65 | 66 | // Replace line breaks withNo hashtags detected yet.
'; 92 | return; 93 | } 94 | 95 | // Count occurrences of each hashtag 96 | const hashtagCounts = {}; 97 | hashtags.forEach(hashtag => { 98 | hashtagCounts[hashtag] = (hashtagCounts[hashtag] || 0) + 1; 99 | }); 100 | 101 | // Create HTML for hashtag list 102 | let listHTML = ''; 103 | 104 | // Sort hashtags by count (descending) 105 | const sortedHashtags = Object.keys(hashtagCounts).sort((a, b) => 106 | hashtagCounts[b] - hashtagCounts[a] 107 | ); 108 | 109 | sortedHashtags.forEach(hashtag => { 110 | listHTML += ` 111 |68 | No comments yet. Be the first to post! 69 |
70 |00:00:00
22 |