liquorice | Liquorice is a small black and white theme for Hugo | Theme library

https://codepen.io/jihyundotkim/pen/eYJMzJR

HTML

I have a textarea with a scrollbar. I'm aware of that it may only work in webkit browsers, which is fine.

I added hover and it did not work as expected. The background turned red which means that the hover works, but the cursor does not change.

Am I doing something wrong or may it be Chrome that did not implemented it fully?

Make sure to click "Run code snippet" to see the demo, or go here: https://jsfiddle.net/k4dm6pgL/

I ran into a small problem so this should be a fairly quick question. When I try minimizing the page this box (the image on top) does not become smaller along the page I know that this is a CSS problem but I am not sure how to fix it.

CODE:

When I speak of "container", it is an element defined like so

Why is Node.removeChild() not working it is in the last part of my JavaScript file? I know the CSS/HTML is not perfect. Most of the HTML was from a template. The JavaScript is really all I care about. The Node.removeChild() method removes a child node from the DOM and returns the removed node. I don't need the removed node to be returned though.

I need help centering the p element in the the flex footer (the rules are in the 769px media query). I've tried a lot of things to center this element. I've wrapped everything in the footer with a div element and then made the p element a flex container to align it along the main axis but that didn't work. Can someone please help me? One more question why does my webpage look bad when it is ran here? Somethings aren't centered somethings aren't aligned.

I am using this Ray Wenderlich tutorial as a guide for a project I am working on. However, I am trying to expand this template to incorporate sub-directories, sub-sub directories, sub-sub-sub directories, and so forth.

For example, if you the click the "Candy Cane" cell within the main/home directory screen, it will take you to a "new" view controller with table view (aka a sub-directory screen) that will show various candy cane vendors and whether their prices are expensive or cheap (this will be the subtitle for each row). See the subCategory... txt files down below.

I use the words category and directory interchangably throughout this post.

Here's the first catch. In the past, I made a project that does just this, but I did it via many storyboard and view controller files for each sub-category I navigated too. Same principle goes for moving from sub-category to sub-sub-category screens and so forth.

I AM NOT TRYING TO ADVERTISE: But specifically, the app I am working on is called iEngineering and its available for free on the AppStore. Please see the library part of the app as I believe it will provide additional help with understanding my end goal. Keep in mind, the current version of the application, was built using an endless number of storyboard and view controller files that has to build each time I run the simulator in Xcode. Viewing the app screenshots that show the library feature should suffice without having to download the app.

Here's the second catch. I also have the sub-sub-categories and so forth in this app. For example, if you click a cell in the sub-category screen that shows the list of candy cane vendors and prices, it will navigate you to a new screen (sub-sub-category) to all of the different candy canes that specific vendor sales. So in my made-up text file below, subCandyCaneTextFile.txt, if you were to click on the cell with label "Candy Cane King" it will take you to a screen that shows "Candy Cane King" as the navigation title, and present/load a listing (imported via reading text file) that shows all of the candy canes that Candy Cane King provides. I did not provide this and other txt files that I am considering to be sub-sub categories . I would like you all to just keep this in mind for when I ask the root/heart of my question down below.

For THIS project, I am wanting to MOVE AWAY from using multiple storyboards with many view controllers. This is because my previous project would take ~5 to 10 minutes to compile/build every time I go to build it in the simulator. Therefore, I am attempting to read in a text file at project run-time for each new/category screen in my application. I am hoping this will give me much, much quicker run times (~10 seconds).

In the example below, the category/main view controller presents its data by reading in the txt file candyTextFile.txt

MY QUESTION: How can I go about (transitioning from | removing) old data and (loading | replacing) in new data for sub category screens? I thought about trying to have this be the Detail View Controller screen in the Ray Wenderlich tutorial tutorial; however, I am then not sure how I would navigate to a sub-sub-category screen. Therefore, I think my other option may to be reuse one view controller with UITableView (Master View Controller) over and over again. I am not sure the proper way to go about this as I am still relatively new to learning Swift and Xcode.

Overview of current project via Xcode for this post.

In my MasterViewController.swift,

My Code

Im building an accordion style menu system and i have it mostly completed with the exception of needing to have any menus push down to the bottom of the container when an above tab is open.

If tab2 is opened then i want tab1 and tab2 to stay at the top and i want tab3, tab4 and tab5 to push down to the bottom of the container. Can this be done with CSS only?

jsfiddle - I want the end result to look like the image below.

css