Just wanted to share the forums I just launched for AWGE, A$AP Rocky's brand. http://forums.awgeshit.com
I made the theme specifically for the website so some features we don't have enabled such as chat are not done. Just thought some people might enjoy it.
Github: https://github.com/alex-shortt/nodebb-theme-awge
Github for composer: https://github.com/alex-shortt/nodebb-plugin-composer-awge
I'm making my own theme and moved some elements around, so I'm having trouble with some things...
How do I change the tooltips on the menu to point up?
What's the best way to edit the composer? I want to css the shit out of it and edit the template as well.
What's the best way to run scripts in my theme? I have a specific command I want to run every time a new page loads so global javascript isn't the best way to go. Currently I have a partial template with the code I want in a <script> tag and just import the partial template to each page. Is this the best way to do it?
Is there a way I could copy a database into mine so I can test everything? I'm building out the theme and since I don't have any content on the forums I can't see certain HTML elements such as the pagation or the tags.
I'm building this out for a big client and expect to have tens of thousands of users piling on the first day. What sort of optimizations or precautions should I look out for with such heavy traffic?
Thanks in advance!
If anyone is curious, I found a workaround using jQuery!
It's kind of cheaty because it's using time, but basically I set an interval to run every 100ms a total of 100 times. Each time it checks where my posts are (.awge-windows-container) and looks for a highlight class. If it finds it, it will scroll down and cancel the interval. It's cheaty, but it works without disturbing anything 
Code below
var foundHighlight = false;
function setIntervalX(callback, delay, repetitions) {
var x = 0;
var intervalID = window.setInterval(function() {
callback();
if (++x === repetitions || foundHighlight) {
window.clearInterval(intervalID);
}
}, delay);
}
setIntervalX(function() {
$('.awge-windows-container').each(function(ind, obj) {
if ($(obj).find(".highlight").length > 0) {
$(obj).animate({
scrollTop: $($(obj).find(".highlight")[0]).offset().top
}, 2000);
foundHighlight = true;
}
});
}, 100, 100);
I'm having this exact same problem currently-- ./nodebb dev works fine, ./nodebb start does nothing and outputs nothing to the logs, and I've tried all the ./nodebb upgrade and ./nodebb build.
If anyone is curious, I found a workaround using jQuery!
It's kind of cheaty because it's using time, but basically I set an interval to run every 100ms a total of 100 times. Each time it checks where my posts are (.awge-windows-container) and looks for a highlight class. If it finds it, it will scroll down and cancel the interval. It's cheaty, but it works without disturbing anything
Code below
var foundHighlight = false;
function setIntervalX(callback, delay, repetitions) {
var x = 0;
var intervalID = window.setInterval(function() {
callback();
if (++x === repetitions || foundHighlight) {
window.clearInterval(intervalID);
}
}, delay);
}
setIntervalX(function() {
$('.awge-windows-container').each(function(ind, obj) {
if ($(obj).find(".highlight").length > 0) {
$(obj).animate({
scrollTop: $($(obj).find(".highlight")[0]).offset().top
}, 2000);
foundHighlight = true;
}
});
}, 100, 100);
I've changed my forums (forums.awgeshit.com) to have all the content within a separate div. This breaks when you click a notification or another action that's supposed to scroll the page automatically, and it targets what I suppose is one of the outermost divs, breaking the functionality. Is there anyway to change the target so the action scrolls the correct div?
Thanks!
thanks! yeah I have some ideas on making the whole experience a bit more immersive, like having "system" settings like changing desktop background and font, or making the taskbar actually store windows on the page. the community is giving me a lot of ideas, I'm excited to see how far this can go
Just wanted to share the forums I just launched for AWGE, A$AP Rocky's brand. http://forums.awgeshit.com
I made the theme specifically for the website so some features we don't have enabled such as chat are not done. Just thought some people might enjoy it.
Github: https://github.com/alex-shortt/nodebb-theme-awge
Github for composer: https://github.com/alex-shortt/nodebb-plugin-composer-awge
that covers numbers 2 and 5, thanks! I eventually figured out numbers 3 and 4, so my last question would be: how to I change the direction of the tooltips on the navbar to go up?
I'm making my own theme and moved some elements around, so I'm having trouble with some things...
How do I change the tooltips on the menu to point up?
What's the best way to edit the composer? I want to css the shit out of it and edit the template as well.
What's the best way to run scripts in my theme? I have a specific command I want to run every time a new page loads so global javascript isn't the best way to go. Currently I have a partial template with the code I want in a <script> tag and just import the partial template to each page. Is this the best way to do it?
Is there a way I could copy a database into mine so I can test everything? I'm building out the theme and since I don't have any content on the forums I can't see certain HTML elements such as the pagation or the tags.
I'm building this out for a big client and expect to have tens of thousands of users piling on the first day. What sort of optimizations or precautions should I look out for with such heavy traffic?
Thanks in advance!
Hello
I'm trying to decide whether I want to fork persona or create a child theme. I set up the dev environment as a child and found that I have to run ./nodebb upgrade every time I want to see my changes. Does forking make more sense? If so how do I set up my dev environment for that?
Also, side question, is there a template that applies global HTML?