osgood_
LEGEND
osgood_
LEGEND
Activity
‎Mar 24, 2025
02:24 AM
1 Upvote
And in HOLLA Id like to make the text on the contact form darker but Ive tried everything to affect that text but no go.. i can change the font but not the color or weight.. not sure why. By @REELHERO Try: ::placeholder { color: #666666; opacity: 1; }
... View more
‎Mar 20, 2025
12:13 PM
1 Upvote
thank you - I wanted to add a delay but it loads then delays.. https://pitchlab.net/lowdown/index_delay.html using animation: .7s slide-up cubic-bezier(.37,1.21,.58,1.1); animation-delay: 1s; is that not correct? By @REELHERO You have opacity: 1!important set on the .circle2 css selector............so it will show on page load..........set the opacity to 0 WITHOUT adding !important at the end otherwise that will overide the opacity that you have set on the slide_up keyframe animation. Also you need to add 'forwards' to your .circle2 css animation , see below: animation: .7s slide-up cubic-bezier(.37,1.21,.58,1.1) forwards;
... View more
‎Mar 20, 2025
05:23 AM
1 Upvote
@REELHERO wrote: I switched the animation from a fade to a slide up and its not working - Im guessing position is the culprit https://pitchlab.net/lowdown/slidertest.html the circle is in a fixed postion (i want it to stay at approx the bottom of the page where I set it) but I want it to slide up on page load (as the body text does) does the slider/activer animation class need to be relatively positioned here? conversely will the slider work if my div is fixed..? Add to your css selector 'circle2': animation: slideMeUp ease 700ms; Then create another keyframe animation for slideMeUp: @keyframes slideMeUp { 0% { transform:translate(-50%, 200px); } 100% { transform:translate(-50%, 0px); } }
... View more
‎Mar 19, 2025
11:47 AM
1 Upvote
version 2, i add it outside the div and it doesnt appear https://pitchlab.net/lowdown/index_fadetest2.html doesnt seem to be a z-index issue.. thoughts? By @REELHERO You just need to add to the fade-in2 css selector: position: relative; z-index: 1000; Then revise the html to: <div class="fade-in2"> <a href="https://pitchlab.net/contact"> <div class="circle2 shadow"> <p class="circletext"> let's make<br><span class="waves">waves</span><br>hit us up</p> </div> </a> </div> Currently your div/a tags are closed in the wrong position plus you must remove the second instance of 'fade-in2' from the child div.
... View more
‎Mar 15, 2025
05:15 AM
having a tough time vertically centering the "lets make waves, hit us up" in the circle at the bottom of the page.. https://pitchlab.net/lowdown/index_test.html# Just add to the 'circle2' css selector: display: grid; place-content: center;
... View more
‎Feb 28, 2025
12:22 PM
Works fine for me....at least the visa link.......you don't have the other movies linked as yet. What is it you expect to happen?
... View more
‎Feb 28, 2025
11:13 AM
I think z-index will only work if an item is positioned relative or absolutely. If the link is not clickable when css is applied it means something else is overlaying the link. It could possibly be an overlay.
... View more
‎Feb 27, 2025
01:07 PM
Have you tried disabling all the css to test if the link works? Have you tried the a tag on its own without the span tag wrapping it? If you can see the link but can't click on the link it would suggest to me that something is blocking it. A good way to test is to disable all the css.
... View more
‎Feb 27, 2025
11:49 AM
is it possible to make the whole video container linkable? Wrap an a href around the video container.
... View more
‎Feb 27, 2025
10:46 AM
1 Upvote
Try closing the span tag in the first version, should be an > after the "dotted" class name The second version won't work as a link requires an anchor tag wrapped around it.
... View more
‎Feb 26, 2025
10:46 AM
Who did or how was the 'reel' page set up, that has links to the movies player page/s? Have you tried copying the same link structure from that page. Seems to me that the movies are stored in their own seperate folders, so it seems logical that just linking to the appropriate folder should work?
... View more
‎Feb 25, 2025
12:07 PM
1 Upvote
isnt that already in the original script though? setTimeout(function() {
reviews[current].style.opacity = '1';
}, 1500)
That one just fades in the initial review so you don't have to wait 5 seconds for it to appear. I'm sure you have worked it out by now: setInterval(function() {
reviews.forEach((review) => {
review.style.opacity = '0';
});
current = (current !== reviews.length - 1) ? current + 1 : 0; setTimeout(function() {
reviews[current].style.opacity = '1'; }, 1000)
}, 5000)
... View more
‎Feb 25, 2025
12:52 AM
1 Upvote
@REELHERO wrote: Can I adjust the code so that it fades out completely before the new one comes in Sure, just add a setTimeout function to the script which delays the text fading in by 1 second: setTimeout(function() { reviews[current].style.opacity = '1'; }, 1000) @REELHERO wrote: also I am trying to get all the reviews no matter what the length to justity right (or align right) so they all end at the far right of "PITCH LAB" but float and text align are not working I would make your 'review_container' width 100% and give it the same right position as your 'review-title' css class #review_container{ position: fixed; right: 10vw; width: 100%; bottom:24vh; } Then apply width: 100% to your 'reviewText' css class. You have 2 declarations of the .reviewText css class, so I would remove one, so only the values below are present. .reviewText { font-size: .9vw; font-family: "kanitlight", sans-serif; font-weight: 100; letter-spacing: .05vh; color:#022d2c; position: fixed; line-height: 1; transition: opacity 1s ease; opacity: 0; text-align: right; width: 100%; } See if that positions the text where you require it to be.
... View more
‎Feb 24, 2025
12:22 PM
I added a little fade-in and out review sequence (below the video) https://pitchlab.net/ with pure css.. however I want it to loop continuously - there are temp lines in there but Ill have 6-8 - but I believe I need JS for that.. is that correct? Can you point out how i might do that? By @REELHERO The below should work. <style>
#review_container {
position: relative;
}
.reviewText {
font-size: .9vw;
font-family: "kanitlight", sans-serif;
font-weight: 100;
letter-spacing: .05vh;
color:#022d2c;
position: absolute;
line-height: 1;
transition: opacity 1s ease;
opacity: 0;
}
</style>
<div id="review_container">
<h1 class="reviewText">Top designers to help elevate your film, commercial, or music video pitch decks</h1>
<h1 class="reviewText">100% hit rate whenever we used Pitch lab helping us crush the competition - A24</h1>
<h1 class="reviewText">The deck was napalm by the time we hit the room they were sold and floored - Tool</h1>
</div>
<script>
let current = 0,
reviews = document.querySelectorAll(".reviewText");
setTimeout(function() {
reviews[current].style.opacity = '1';
}, 1500)
setInterval(function() {
reviews.forEach((review) => {
review.style.opacity = '0';
});
current = (current !== reviews.length - 1) ? current + 1 : 0;
reviews[current].style.opacity = '1';
}, 5000)
</script>
... View more
‎Feb 24, 2025
01:41 AM
1 Upvote
subtle change but i think its more elegant with the continuous direction.. By @REELHERO I agree in this case. Not sure quite what was happening before but it seemed to be turning anti clockwise on the first click, which felt counter intuitive to me. I think had it been going in a clockwise direction on first click and then anti clockwise on the second click it would have been passable. As it is l quite like it rotating clockwise on each click.
... View more
‎Feb 23, 2025
11:44 AM
1 Upvote
I initially wanted it to rotate clockwise 45 degrees on the second toggle- so that it appeared to return to its original state yet all rotations would be clockwise - but this works.. Just alter the script a little bit - see additions in red below, plus a line commented out in green. <script> const bento_box_wrapper = document.querySelector('.bento_box_wrapper'); let rotate = 0; bento_box_wrapper.onclick = function() { const overlayWrapper = document.querySelector('.overlayWrapper'); overlayWrapper.classList.toggle('overlayWrapperSlideDown'); const mainNavLinksWrapper = document.querySelector('.mainNavLinksWrapper'); mainNavLinksWrapper.classList.toggle('mainNavLinksWrapperSlideUp'); rotate = rotate + 405; bento_box_wrapper.style.transform = `rotate(${rotate}deg)`; // Add or remove the 'rotated' class to manage the rotation // bento_box_wrapper.classList.toggle('rotated'); } </script> In reference to your other issue regarding the play/pause button it's best to ask the developer of the script. The script uses jQuery which I'm not totally familar with BUT it would seem you need to add the pause button when the page initially loads. I would have thought this would be one of the options available as the script uses an 'auto' play option on page load, so why would you want to show a play button initially if that option is selected.
... View more
‎Jan 23, 2025
11:27 AM
2 Upvotes
I'll throw this solution into the ring (store your list in a javascript array)....... <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Sort List Alphabetically</title>
</head>
<body>
<button class="sort" onclick="sortedList()">Alphabetical</button>
<button class="sort" onclick="defaultList()">Original</button>
<ul class="listItems"></ul>
<script>
const list = [
'Blue Turtle (Josh Adams)',
'Devo (Devin Salam)',
'Champ (Mike Thompson)'
];
const listItems = document.querySelector('.listItems')
// Original unsorted list function
function defaultList() {
listItems.innerHTML = '';
list.forEach((list) => {
listItems.innerHTML += `<li>${list}</li>`;
})
}
// Sorted list function
function sortedList() {
listItems.innerHTML = '';
list.toSorted().forEach((sorted) => {
listItems.innerHTML += `<li>${sorted}</li>`;
})
}
// Run original unsorted list on page load
defaultList();
</script>
</body>
</html>
... View more
‎Dec 22, 2024
01:46 AM
Do you want the text to sit to the right and wrap under the image or do you want the text to sit to the right of the image regardless of the height the text makes? If you want the text to wrap around the image then float the image as suggested by Ben. If you don't want the text to wrap around the image then use display: flex; for the parrotimg css div rather than float: left;
... View more
‎Dec 05, 2024
01:46 AM
1 Upvote
I wasn't blowing my own trumpet at all...........l was reacting to your post which seems to apply just because l dont need my ego massaged or some kind of reassurance by showing my work l haven't produced any projects. I'm very assured about my abilities and what l need to improve, a lot. l don't need to garner the opinions of others on that front. The only critera that matters is the clients opinion, they pay the money. As for what l do now, no l don't engage in producing projects any longer, by choice. I just don't enjoy it like l used to. Do l enjoy coding still, yes, you bet and if anything that's what l now concentrate on, albeit smaller but significant parts of a bigger project. The parts that perhaps are beyond the skill level of those who haven't learned their craft.
... View more
‎Dec 04, 2024
03:27 PM
1 Upvote
There's nothing too toxic about this thread it's actually been one of the most enlightening/interesting in quite a while......... others have their own opinions, l don't agree with some of them but it's rather thought provoking which makes what has become a rather dead, dull, uninspiring and repetitive forum somewhat more entertaining
... View more
‎Dec 04, 2024
11:35 AM
It's not ignorance it's reality, anyone who says it's not is in denial, maybe because they have been brainwashed or just don't want to accept they are nothing more than a robot deploying pre-programmed concepts, quite possibly both. There's craftsmen and then there's master craftsmen, the elite who think for themselves. I know which one l would like to aspire to be. By @osgood_ These are huge statements by someone who, over more than a decade, has never shown any of their projects. Are there any???? By @BenPleysier You've answered your own question. l'm not or have never been proud of the work l produce/produced or need the ego boost, to me its never good enough, l'm never good enough in my opinion. You obviously think yours is and need the ego boost......... l wont critic yours as it would take too long but if that is the standard you aspire too and which pleases you then congratulations. Just to remind you, l said "aspire' not that l will or have ever reached what l aspired to.....but l tried damn hard. As an aside note, as you well know for over a decade lve helped and provided 100s of solutions in this forum, written bespoke code, php, css, html and javascript to help those who require it, so l must be a little bit OK.
... View more
‎Dec 04, 2024
10:59 AM
As they say 'you're part of the problem, not the answer'. Exactly what skills and knowledge are you using beyond a predefined selection process? By @osgood_ As I said: "This sort of statement can only be made by those who are ignorant of current day web development and solutions." By @BenPleysier It's not ignorance it's reality, anyone who says it's not is in denial, maybe because they have been brainwashed or just don't want to accept they are nothing more than a robot deploying pre-programmed concepts, quite possibly both. There's craftsmen and then there's master craftsmen, the elite who think for themselves. I know which one l would like to aspire to be.
... View more
‎Dec 04, 2024
05:11 AM
1 Upvote
I use them daily, they are a nightmare. It's also not an opinion! It's fact, especially when Google has a monopoly and you have to google for hours to find certain settings on a site, on a os, etc. They provide some of the worse user experiences in the business! I have already documented this very well in all my posts. Not putting up with this anymore! It's not a debate! Stop trying to make it into one! By @SB-W Not only that, try implementing any widget these 'influential' companies might have available by following the user instructions, you might need a couple of spare years, most are so poorly explained and written.
... View more
‎Dec 04, 2024
05:06 AM
1 Upvote
You are actually so brainwashed, it's incredible. By @SB-W Brainwashed is a fairly accurate assessment of what is really happening out there these days.
... View more
‎Dec 04, 2024
04:56 AM
Does this look like a so-called developer who is just plain lazy and lacking the skill and knowledge of their profession who uses quick and dirty solutions? This sort of statement can only be made by those who are ignorant of current day web development and solutions. By @BenPleysier If they were skilled and knowledgable then they would have not needed any third party solutions. The fact that anyone can put a reasonably complex website together these days whilst working as a brick layer full time and a web developer part time does not make them skilled or knowledgable, it means they can press buttons...........its not phones or divs that killed web devlopement its solutions like what you use that killed it for the skilled and knowledgable As they say 'you're part of the problem, not the answer'. Exactly what skills and knowledge are you using beyond a predefined selection process?
... View more
‎Dec 03, 2024
10:21 AM
We agree on quite a bit in regards to modern day development processes and solutions but l cant agree that divs are an issue or phones. If anything it was tables that were the issue, the more you had the requirement to nest tables within one another so the code became difficult to manage and problem solving table issues, errors became a nightmare, in my opinion. l don't use any frameworks or third party widgets if l can avoid them as they are not strictly necessary. Frameworks, widgets etc were created to simplify the development process for so called developers who are just plain lazy, lacking the skill and knowledge of their profession. It may not all be their fault as quick and dirty solutions are sometimes a requirement by their pay masters to maximise company profit margins.
... View more
‎Dec 03, 2024
02:15 AM
1 Upvote
I will have to look into Wappler; can you define your own custom column system or are you locked into theirs? Can you make your own boiler plates? How is intellisense? inline editing? Are there snippets? I am not a fan of Bootstrap. I am also not a fan of no-code or low-code alternatives like this or Webflow By @SB-W If you're not a fan of Bootstrap or no code/low code solutions then you are in good company, l"m not either. Since Wappler deploys Bootstrap as its principle css framework then l'm not sure it's the correct solution for you. As far as l know it doesn't yet support Tailwind. It also relies heavily on its own js framework "app connect" for interactive javascript based solutions. Unless you are going to take advantage of such options then you might question why you would use it. For the right user its probably one of the better alternatives to explore if youre happy with using niche workflows and deploying prebuilt widgets.
... View more
‎Dec 03, 2024
02:01 AM
I waste 1000 hours per year with tech problems, account problems, etc. Every industry where media is involved has turned this way, mostly because of phones, but also because I think those in power want to make things more convoluted when the solutions are so much simpler to build. Maybe for the backend its fine, like AI coding, but for the front end its so gross. I am sure at the higher levels of backend, AI coding is a nightmare right now. By @SB-W I agree with you in principle, things have become overly complex because new developers aren't willing to spend the time needed to understand what it is they are actually doing, hence we now have a lot of 'human robots' just deploying code, third part widgets etc written by someone else, rather than actually writing anything themselves. Frameworks and widgets killed web development, not phones. There is no 'right way' to do anything anymore, given the numerous number of options now available, which basically all do the same thing. Too many options killed web development or at the very least confused web developers to the point of mental exhaution, not phones.
... View more
‎Nov 17, 2024
11:02 AM
Dreamweaver is in minimal maintenance mode these days ie its only getting bug, Os fixes etc. Don't expect any updates which involve more up to date versions of 3rd party frameworks/libraries or any more modern techniques that are currently being used. According to what you need/require or what your expectations of a bit of software should be it might be that you investigate other options if you which to progress. beyond what it currently has to offer.
... View more
‎Nov 17, 2024
08:17 AM
Yes, that's as a result of the left padding of 25px on the 'product' css: You can remove the padding completely from the 'product' css. Then add some left and right margin to the text and image css to stop those items running into the side of the 'product' box as the browser window narrows. Alternatively you can leave the padding on the 'product' css and position the 1st, 2nd text etc absolutely by giving the 'product' css a position of relative. position: relative; Then giving the css that controls the 1st, 2nd etc text a position of absolute: position: absolute; top: 0; /* this is the default position */ left: 0; /* this is the default position */ You should not really need to include the default position as part of the css. If you use the absolute positioning solution you will most likely encounter the text sitting over your other text. To counter this give the 'product' css some more top padding to push the text down further in the box..
... View more
AdChoices