Bullshit Job Title Generator

Developer
Tim Pietrusky
Size
7,583 Kb
Views
40,480
  1. Bullshit Job Title Generator Previews
  2. Bullshit Job Title Generator HTML Codes
  3. Bullshit Job Title Generator CSS Codes
  4. Bullshit Job Title Generator JS Codes

How do I make an bullshit job title generator?

Create bullshit job titles. Inspired by https://github.com/bullgit/bullshit-job-titles. What is a bullshit job title generator? How do you make a bullshit job title generator? This script and codes were developed by Tim Pietrusky on 20 June 2022, Monday.

Bullshit Job Title Generator Previews
IQ Test

Bullshit Job Title Generator - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Bullshit Job Title Generator</title> <link rel='stylesheet prefetch' href='css/agdeh.css'>
<link rel='stylesheet prefetch' href='http://fonts.googleapis.com/css?family=Lato|Quicksand|Francois+One|Geo|Krona+One|Michroma|Voltaire|Julius+Sans+One'> <style> /* NOTE: The styles were added inline because Prefixfree needs access to your styles and they must be inlined if they are on local disk! */ @import "compass/css3";
$emw--list-alpha: 'Lato', 'Quicksand', 'Francois One', 'Geo', 'Krona One', 'Michroma', 'Voltaire', 'Julius Sans One'
;
$emw--list-beta: #2ecc71, #27ae60, #f1c40f, #f39c12, #3498db, #2980b9, #e74c3c, #c0392b, #9b59b6, #8e44ad, #1abc9c, #16a085
;
// # of different jobtitle classes
$emw--unit-alpha: length($emw--list-beta);
$emw--unit-beta: 0.85s;
* { box-sizing: border-box;
}
body { margin: 0; font: 1em sans-serif; @include breakpoint(small) { font-size: .7em; }
}
.bullshitjobtitlegenerator { text-align: center; span { &.alpha { padding: 1em; } } a { color: #666; text-decoration: none; &:hover { color: #000; } } nav { position: fixed; top: 0; left: 0; width: 100%; background: #fff; z-index: 1337; } h1 { padding: .5em; display: inline-block; margin: 0; font: 1.5em sans-serif; } h2 { position: relative; width: 100%; color: #fff; padding: .25em 0; margin: .75em 0 0 0; animation: animation--alpha $emw--unit-beta 1 forwards; text-shadow: .025em .025em .025em rgba(0, 0, 0, .15); // Counter &:before { position:absolute; left: .15em; top: .15em; font: .75em sans-serif; z-index: 1; content: "#" attr(data-position); color: rgba(#fff, 1); background: rgba(#fff, .2); text-shadow: none; padding: .15em; opacity: .35; box-shadow: .025em .025em .025em 0 rgba(#000, .15); @include breakpoint(small) { content: ''; opacity: 0; } } } button { border: .01em solid #fff; background: #000; color: #fff; font: 2em sans-serif; padding: .5em; margin: 0; cursor: pointer; &:active { @include transform(scale(.9, .9)); } } .generated { font-weight: bold; color: rgba(0, 0, 0, .5); }
}
@keyframes animation--alpha { 0% { @include transform(scale(.1, .1) translateY(-2em) rotateZ(10deg)); }
}
@for $i from 1 through $emw--unit-alpha { .bullshit-title-#{$i} { font: 4em nth($emw--list-alpha, random(length($emw--list-alpha))); background: nth($emw--list-beta, $i); }
} </style> <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
</head>
<body> <div class="bullshitjobtitlegenerator" data-js="bullshit-jobtitle-generator"> <nav> <h1>Bullshit Job Title Generator</h1> <button class="generate">Generate</button> <span class="alpha"> 2013 by <a href="http://twitter.com/TimPietrusky" target="_blank"> Tim Pietrusky</a> </span> <span class="generated"></span> </nav> <hr />
</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

Bullshit Job Title Generator - Script Codes CSS Codes

@import "compass/css3";
$emw--list-alpha: 'Lato', 'Quicksand', 'Francois One', 'Geo', 'Krona One', 'Michroma', 'Voltaire', 'Julius Sans One'
;
$emw--list-beta: #2ecc71, #27ae60, #f1c40f, #f39c12, #3498db, #2980b9, #e74c3c, #c0392b, #9b59b6, #8e44ad, #1abc9c, #16a085
;
// # of different jobtitle classes
$emw--unit-alpha: length($emw--list-beta);
$emw--unit-beta: 0.85s;
* { box-sizing: border-box;
}
body { margin: 0; font: 1em sans-serif; @include breakpoint(small) { font-size: .7em; }
}
.bullshitjobtitlegenerator { text-align: center; span { &.alpha { padding: 1em; } } a { color: #666; text-decoration: none; &:hover { color: #000; } } nav { position: fixed; top: 0; left: 0; width: 100%; background: #fff; z-index: 1337; } h1 { padding: .5em; display: inline-block; margin: 0; font: 1.5em sans-serif; } h2 { position: relative; width: 100%; color: #fff; padding: .25em 0; margin: .75em 0 0 0; animation: animation--alpha $emw--unit-beta 1 forwards; text-shadow: .025em .025em .025em rgba(0, 0, 0, .15); // Counter &:before { position:absolute; left: .15em; top: .15em; font: .75em sans-serif; z-index: 1; content: "#" attr(data-position); color: rgba(#fff, 1); background: rgba(#fff, .2); text-shadow: none; padding: .15em; opacity: .35; box-shadow: .025em .025em .025em 0 rgba(#000, .15); @include breakpoint(small) { content: ''; opacity: 0; } } } button { border: .01em solid #fff; background: #000; color: #fff; font: 2em sans-serif; padding: .5em; margin: 0; cursor: pointer; &:active { @include transform(scale(.9, .9)); } } .generated { font-weight: bold; color: rgba(0, 0, 0, .5); }
}
@keyframes animation--alpha { 0% { @include transform(scale(.1, .1) translateY(-2em) rotateZ(10deg)); }
}
@for $i from 1 through $emw--unit-alpha { .bullshit-title-#{$i} { font: 4em nth($emw--list-alpha, random(length($emw--list-alpha))); background: nth($emw--list-beta, $i); }
}

Bullshit Job Title Generator - Script Codes JS Codes

/* * Bullshit Job Title Generator * * Inspired by https://github.com/bullgit/bullshit-job-titles * by bullgit.github.io * * * 2013 by Tim Pietrusky * timpietrusky.com */
BullshitJobTitleGenerator = (function() { function BullshitJobTitleGenerator(args) { try { // Parent element this.el = $(args.el); this.button = this.el.find(args.button); this.appendAfterEl = this.el.find("hr"); this.generatedEl = this.el.find(args.generatedClassName); this.generated = 0; // The name of the class of each job title this.className = args.className; this.firstPart = [ 'Web', 'Internet', 'Senior', 'Lead', 'Professional', 'Junior', 'Google', 'Yahoo', 'Flash', 'Homepage', 'Creative', 'Future', 'Dreamweaver', 'Photoshop', 'Joomla', 'Frontpage', 'HTML', 'CSS', 'Responsive', 'WordPress', 'CodePen', 'Dribbble', 'Internet Explorer', 'GitHub', 'Office', 'Reddit', 'NULL', 'Undefined', 'Error', 'IT', 'Marketing', 'SEO', 'Java', 'C', 'C++', 'PHP', 'Python', 'Ruby', 'SQL', 'JavaScript', 'Frontend', 'Backend', 'Chrome', 'Safari', 'Firefox', 'Twitter', 'HackerNews', 'Social', 'Linux', 'Mac', 'Windows', 'Android', 'iOS', 'Hashtag', 'Sidebar', 'cssdeck', 'JSFiddle', 'jQuery', 'Microsoft', 'Ubuntu', 'Generator', 'Job Title Generator', 'bullgit', '4ae9b8', 'Kickstarter', 'ebay', 'Facebook', 'Google+', 'SCSS', 'SASS', 'LESS', 'Stylus', 'Coderwall', 'Coderbits', 'Mobile', 'User Experience', 'Soundcloud', 'Node.js', 'AngularJS', 'Backbone', 'React', 'MongoDB', 'YouTube', 'Sublime Text', 'Firefox OS', 'Wikipedia', 'Nerd', 'Geek', 'LinkedIn' ]; this.secondPart = [ 'Expert', 'Coffee Maker', 'File Uploader', 'Pizza Reheater', 'Admin', 'Search Expert', 'Slayer', 'Guru', 'Designer', 'Mastermind', 'Millionaire', 'RockStar', 'Evangelist', 'Master', 'Celebrity', 'Optimizer', 'Bitch', 'Hacker', 'Dev', 'Craftsman', 'Jedi', 'Sithlord', 'Person', 'Tweeter', 'Slut', 'Dick', 'Boss', 'CTO', 'Lady', 'Pirate', 'Captain', 'Legend', 'Ninja', 'Zombie', 'King', 'Supporter', 'Manager', 'Director', 'Consultant', 'Strategist', 'Agent', 'Wizard', ]; this.preFirstPart = [ 'Über', 'Ultra', 'Freaking', 'Holy', 'Only the best', 'Awesome', '+1', '♥', 'Insane', 'First Class', 'Unbelievable', 'Gorgeous', 'Beautiful', '★', '#1', 'Sexy', 'Hot', 'One in a million', 'Slick', 'Brilliant', 'Cute', 'Nice', 'Perfect' ]; // Create a random job title on click this.button.on('click', $.proxy(function(e) { this.random(); }, this)); // First title this.random(); } catch(e) {} }; // Create a random job title BullshitJobTitleGenerator.prototype.random = function() { try { var title = '<span>' + this.preFirstPart[this.randomNumber(0, this.preFirstPart.length - 1)]; title += "</span> " + this.firstPart[this.randomNumber(0, this.firstPart.length - 1)]; title += " " + this.secondPart[this.randomNumber(0, this.secondPart.length - 1)]; var child = $( '<h2>' + title + '</h2>' ); // Increase count of generated titles this.generated += 1; // Add count to the DOM // this.generatedEl.html(this.generated); // Add a random class child.addClass(this.className + this.randomNumber(1, 12)); // this.generated child.attr("data-position", this.generated); // Add generated title to the DOM this.appendAfterEl.after(child); } catch (e) { this.random(); } }; // Create a random number // min / max BullshitJobTitleGenerator.prototype.randomNumber = function(min, max) { return Math.floor(Math.random() * (max - min + 1) + min); }; return BullshitJobTitleGenerator;
})();
new BullshitJobTitleGenerator({ el : $('[data-js="bullshit-jobtitle-generator"]'), button : '> nav > button.generate', className : 'bullshit-title-', generatedClassName : '> nav > .generated'
});
Bullshit Job Title Generator - Script Codes
Bullshit Job Title Generator - Script Codes
Home Page Home
Developer Tim Pietrusky
Username TimPietrusky
Uploaded June 20, 2022
Rating 4.5
Size 7,583 Kb
Views 40,480
Do you need developer help for Bullshit Job Title Generator?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Tim Pietrusky (TimPietrusky) Script Codes
Name
Webs Pricing Table
FlatUI Checkout concept
Select
Breaking Bad
Pattern lab logo
Custom Dropdown
Gravatar URL Generator
Icon Fonts - CSS-Loader
SNES Controller
Colorful stripes
Create amazing Facebook ads with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!