d0kefish Posts - Answer Overflow

Topics

d0kefish

Explore posts from servers

KPCKevin Powell - Community CICyber Info

•Created by d0kefish on 9/24/2023 in #❓︱support-requests

XSS injection question

I’m creating a very simple website that will use ChatGPTs api. I want to display the content I get from the api in a nice looking way so I figured I could just have ChatGPT add html-tags. However I came to realize that to display what I get back I need to set the response to “safe”. I e it just runs it, this is as I’ve come to understand a risk for XSS injection. How big risk is this? I feel like there’s not very likely I’d get bad code from the api but I cannot say that for sure.

12 replies

KPCKevin Powell - Community

•Created by d0kefish on 9/15/2023 in #front-end

Finding what is off with my margins.

When I lower my size to lower sizes, I get a horizontal scrollingbar, and a white area to the right of everything. What is a good way to find what is causing this? If I set Margin to Auto, I get the same area on the left aswell. https://i.imgur.com/P5xNCnC.png https://astrigot.com/

26 replies

KPCKevin Powell - Community

•Created by d0kefish on 5/12/2023 in #front-end

Lining up buttons along the bottom.

I have 3 cards with different content. I would like to line up my buttons for one these cards on the bottom of the card and the cards should be the same lenght. Currently this is what I have: https://codepen.io/d0kefish/pen/wvYXqNe The HTML/CSS is generated with some Figma > Webflow plugin, so its not optimal, but this is basically the only part that did not work. I cant figure out how to fix it..

7 replies

KPCKevin Powell - Community

•Created by d0kefish on 5/4/2023 in #front-end

Trying to understand @media

Why does this happen? https://i.imgur.com/Pme2KoH.gif When scaling the screen it seems to be working, but when I change the screen size, its very different. This is from another part of my site: https://i.imgur.com/FC5GuWn.gif This seems to work with no issues. Its most likely a basic problem, but im starting to get annoyed.

6 replies

KPCKevin Powell - Community

•Created by d0kefish on 4/19/2023 in #front-end

Sticky footer

Im trying to follow one of Kevins tutorials but I'm yet again, to dense to figure out what I'm doing wrong. My footer gets sent to the bottom screen, but when i scroll down, it stays: https://codepen.io/d0kefish/pen/eYPdqqJ Can anyone say what im doing wrong?

html {
  height: 100%;
}
body {
  margin: 0;
  background-color: rgb(255, 255, 255);
  font-family: 'Poppins', sans-serif;
  font-weight: 400;

  min-height: 100%;
  
  display: flex;
  flex-direction: column;
}

.footer {
  background: #24262b; 
  margin-top: auto;
  padding: 70px 0; 
}

html {
  height: 100%;
}
body {
  margin: 0;
  background-color: rgb(255, 255, 255);
  font-family: 'Poppins', sans-serif;
  font-weight: 400;

  min-height: 100%;
  
  display: flex;
  flex-direction: column;
}

.footer {
  background: #24262b; 
  margin-top: auto;
  padding: 70px 0; 
}

I realize I most likely are doing something wrong but I cant figure out what..

13 replies

KPCKevin Powell - Community

•Created by d0kefish on 4/11/2023 in #front-end

Margin top from somewhere

Im following one of Kevins tutorials: https://www.youtube.com/watch?v=8QKOaTYvYUA&t=1446s I've tried to set it up exactly as Kevin, but I still have a gap between the navbar and top. https://i.imgur.com/41lBfPS.png I've found these: https://i.imgur.com/8EH1nYJ.png But why do I have these, and why does Kevin not have these? They seem to be from a H1 tag, and I dont have any H1 tag in my Style.css.

7 replies

KPCKevin Powell - Community

•Created by d0kefish on 4/3/2023 in #ui-ux

Need some input on design

I probably did all the beginner mistakes that can be made. https://i.imgur.com/qMqzR8D.png

19 replies

KPCKevin Powell - Community

•Created by d0kefish on 3/17/2023 in #ui-ux

Feedback on translation extension

Im looking for some feedbackon my chrome extension. Its a simple translation tool that will be used to translate shorter messages. https://i.imgur.com/RHhkiUC.gif https://i.imgur.com/sEv25pN.png

20 replies

KPCKevin Powell - Community

•Created by d0kefish on 3/16/2023 in #front-end

Chrome extension

Ive created a simple extension for chrome, I'm now stuck on a silly issue. I want to change the corners to rounded corners, is this possible?

12 replies

KPCKevin Powell - Community

•Created by d0kefish on 2/24/2023 in #front-end

Creating timeslots on timeline with CSS

Im trying to figure out what is the best way to create timeslots on a timeline. Currently Im using a linear gradient that is transparent in certain places. Im thinking its a stupid solution. What version of these two would be best? https://i.imgur.com/x9QcVew.gif The animation is just to show to I imagine it works. Ill track a 'box' inside from left to right.

2 replies

KPCKevin Powell - Community

•Created by d0kefish on 2/19/2023 in #front-end

Design and structure of page

I never did a page before from start to finish and Im basically only going by Kevins videos so far. Im I right to assume that if I have got a decent structure with different sections (not sure what the right word for it is but red borders.) it's possible to make a good looking design? https://i.imgur.com/qXww8CP.png I will ofc run into issues but can I assume that if everything seems to be decently placed, I should be able to get it right? Also ignore the look of it.

4 replies

KPCKevin Powell - Community

•Created by d0kefish on 2/18/2023 in #front-end

Getting images/icons for your site.

For the fonts I've found out that you import from eg. google font. Is there something similar where you can get standard images/Icons, I.e. settings cog, small person etc.

10 replies

KPCKevin Powell - Community

•Created by d0kefish on 2/18/2023 in #front-end

Beginner question

I have page built with templates. It seems my style.css is working on some parts and not others. Is there any common rookie mistake that could cause this?

5 replies

KPCKevin Powell - Community

•Created by d0kefish on 2/15/2023 in #front-end

Passing in data to change Style/HTML

Ill start of by saying I'm very new to CSS/Website making. I'm trying to build a feature where I have a timeline of a day. it should also be possible to add different time slots, lunch break etc. https://codepen.io/d0kefish/pen/WNgNKjL The question I have now, is how would I get this information into the page. The current solution (I have no idea if its viable or not) is that I stack the schedule ontop, with different parts transparent to get the box at the desired location. What boggles my mind is how I'd get this information onto the page. I.e I could send for example another div into the page with a variable I assume, but how would it be styled as I need the style from the CSS. This question might not make sense and sorry if I waste your time. You are free to tell me this is terrible, and that i should rethink.

1 replies

KPCKevin Powell - Community

•Created by d0kefish on 2/15/2023 in #front-end

Origin/anchor point for scaling

Is it possible to change the point towards where something scales? Ive set my font to 1vw (which might be stupid), and when I make the screen smaller, it seems it scales towards the top left. This is what it seems to be doing top is currently, bottom is what i'd want: https://i.imgur.com/qw7Espr.png Here's the example: https://codepen.io/d0kefish/pen/WNgNKjL

35 replies

KPCKevin Powell - Community

•Created by d0kefish on 2/13/2023 in #ui-ux

Timeline for day

Im trying to figure out how to create a timeline for a day. The basic function is to schedule 'workers' with worktime, breaks etc. https://i.imgur.com/qmpyAQ0.png I assume I need some kind of black 00:00 ->23:59 timeline, that Im then able to add different segments to. I feel like im just kind of lost where to start.

33 replies

KPCKevin Powell - Community

•Created by d0kefish on 2/10/2023 in #front-end

Calender

Im trying to create a calendar using Python/Django. So far I got this: https://i.imgur.com/FfnXiUG.png This is with the calendar library from Python. This generates a bunch of html: <table border="0" cellpadding="0" cellspacing="0" class="month"> <tr><th colspan="7" class="month">March 2020</th></tr> <tr><th class="mon">Mon</th><th class="tue">Tue</th><th class="wed">Wed</th><th class="thu">Thu</th><th class="fri">Fri</th><th class="sat">Sat</th><th class="sun">Sun</th></tr> <tr><td class="noday"> </td><td class="noday"> </td><td class="noday"> </td><td class="noday"> </td><td class="noday"> </td><td class="noday"> </td><td class="sun">1</td></tr> <tr><td class="mon">2</td><td class="tue">3</td><td class="wed">4</td><td class="thu">5</td><td class="fri">6</td><td class="sat">7</td><td class="sun">8</td></tr> <tr><td class="mon">9</td><td class="tue">10</td><td class="wed">11</td><td class="thu">12</td><td class="fri">13</td><td class="sat">14</td><td class="sun">15</td></tr> <tr><td class="mon">16</td><td class="tue">17</td><td class="wed">18</td><td class="thu">19</td><td class="fri">20</td><td class="sat">21</td><td class="sun">22</td></tr> <tr><td class="mon">23</td><td class="tue">24</td><td class="wed">25</td><td class="thu">26</td><td class="fri">27</td><td class="sat">28</td><td class="sun">29</td></tr> <tr><td class="mon">30</td><td class="tue">31</td><td class="noday"> </td><td class="noday"> </td><td class="noday"> </td><td class="noday"> </td><td class="noday"> </td></tr> </table> My question is that it seems to be hard to style this, im able to style some elements of it but borders and such seems hard. Also, is it possible to edit this part: <table border="0" cellpadding="0" cellspacing="0" class="month"> Would it be smarter not to use the .calendarHTML and generate it more on my own? It seems I can use td or tr for styling, but im unable to get borders and make it look nice.

1 replies

KPCKevin Powell - Community

•Created by d0kefish on 2/9/2023 in #front-end

Calender

Im mostly doing this to learn, but I have a design in mind where there's a calender (like with almost any kind of scheduling tool). Im trying to figure out how to acutally set it up, my assumption would be that I need a hugh grid (green) https://i.imgur.com/lJAhMjN.png. The next issue is that I don't understand how to: 1. make each square different and have custom data. 2. change appearance such as red for special holidays etc. Im currently using Python/Django for the code and im using templates, even tho Im not 100% sure what that is, it seems like I can inser them. For example I have navbar.html, home.html. Would It make sense to have date.html for the squares, or would i need date1.html, date2.html.. etc. Usually there's a better way.

4 replies

KPCKevin Powell - Community

•Created by d0kefish on 2/8/2023 in #front-end

Proper grid

I watched Kevins grid tutorial and I just want to try to figure out if im thinking about this right. https://i.imgur.com/lJAhMjN.png Would something like this work? and the green is a grid inside a grid, if that's something that works.

6 replies

KPCKevin Powell - Community

•Created by d0kefish on 2/7/2023 in #front-end

Schedule website

Im building some sort of a scheduling page where one is supposed to be able to schedule parts of the day. Im very new to programming and html/css. What I have so far is just sort of the design, https://i.imgur.com/QzIMEVl.png. Would this be done in HTML or would i generate this from something like a python function from my backend? I assume there's a way for me to get all the data inside the boxes from python.

37 replies