Homepage missing content

I have in my index.html from my custom theme the header, the body and the footer. The header and the footer are linked to the respective html files, while the body is baked in the index directly. At some point everything worked just fine, but after a while the body would display nothing for no apparent reason. What did I do wrong?

Hello @gianmarcogg03, could you possibly share your code somehow?
Would make it a lot easier for us to help. :slight_smile:

{{ partial "header.html" . }}
{{ range .Site.RegularPages }}
	
	<!-- Wrapper -->
	<div class="wrapper">	

		<!-- Section Started -->
		<div class="section started layout-creative" id="section-started">

			<!-- background -->
			<div class="video-bg">
				<div class="video-bg-mask"></div>
				<!--<div class="video-bg-texture" id="grained_container"></div>-->
			</div>

			<!-- started content -->
			<div class="centrize full-width">
				<div class="vertical-center">
					<div class="started-content">
						<h1 class="h-title">
							Hello, I’m <strong>Gianmarco Gargiulo</strong>, a 16 years old UI Designer, Photographer and Artist.
						</h1>
						<div class="h-subtitles">
							<div class="h-subtitle typing-subtitle">
								<p>I love <strong>technology</strong></p>
								<p>I make <strong>mockups and art</strong></p>
								<p>I wanna <strong>make a game</strong></p>
							</div>
							<span class="typed-subtitle"></span>
						</div>
					</div>
				</div>
			</div>

		</div>

		<!-- Works -->
		<div class="section works" id="section-portfolio">
			<div class="content">
			
				<!-- portfolio filter -->
				<div class="filter-menu content-box">
					<div class="filters">
						<div class="btn-group">
							<label data-text="All" class="glitch-effect"><input type="radio" name="fl_radio" value=".box-item" />All</label>
						</div>
						<div class="btn-group">
							<label data-text="Games"><input type="radio" name="fl_radio" value=".f-games" />Games</label>
						</div>
						<div class="btn-group">
							<label data-text="Art"><input type="radio" name="fl_radio" value=".f-art" />Art</label>
						</div>
						<div class="btn-group">
							<label data-text="Mockups"><input type="radio" name="fl_radio" value=".f-mockups" />Mockups</label>
						</div>
						<div class="btn-group">
							<label data-text="Photos"><input type="radio" name="fl_radio" value=".f-photos" />Photos</label>
						</div>
						<div class="btn-group">
							<label data-text="Other"><input type="radio" name="fl_radio" value=".f-other" />Other</label>
						</div>
						<!--<div class="btn-group">
							<label data-text="Content"><input type="radio" name="fl_radio" value=".f-content" />Content</label>
						</div>-->
					</div>
				</div>
				
				<!-- portfolio items -->
				<div class="box-items portfolio-items">

					<div class="box-item f-art">
						<div class="image">
							<a href="https://www.instagram.com/p/B9MCpqAKND-/" class="hover-animated">
								<img src="https://scontent-mxp1-1.cdninstagram.com/v/t51.2885-15/sh0.08/e35/s750x750/88200662_220224522431138_6121678545109077781_n.jpg?_nc_ht=scontent-mxp1-1.cdninstagram.com&_nc_cat=102&_nc_ohc=F8NwFw6hMpwAX93K-vw&oh=d02192d6e78758333e93ddac1176eecf&oe=5E861E11" class="wp-post-image" alt="" />
								<span class="info circle">
									<span class="centrize full-width">
										<span class="vertical-center">
											<span class="icon fas fa-link"></span>
											<span class="desc">
												<span class="category">Art</span>
												<span class="name">Ralsei Fan Art</span>
											</span>
										</span>
									</span>
								</span>
							</a>	
						</div>
					</div>
				
					<div class="box-item f-photos">
						<div class="image">
							<a href="https://www.instagram.com/p/B83p6v2K2eE/" class="hover-animated">
								<img src="https://scontent-mxp1-1.cdninstagram.com/v/t51.2885-15/e35/83743343_856123704832723_463462692104332046_n.jpg?_nc_ht=scontent-mxp1-1.cdninstagram.com&_nc_cat=107&_nc_ohc=bgYk5IIVuXYAX_kQlRy&oh=0ec37aacb17368cc15820d26abd12278&oe=5E80B042" class="wp-post-image" alt="" />
								<span class="info circle">
									<span class="centrize full-width">
										<span class="vertical-center">
											<span class="icon fas fa-link"></span>
											<span class="desc">
												<span class="category">Photos</span>
												<span class="name">Snowy mountains</span>
											</span>
										</span>
									</span>
								</span>
							</a>	
						</div>
					</div>
				
					<div class="box-item f-art">
						<div class="image">
							<a href="https://www.instagram.com/p/B8oFkaPK_xi/" class="hover-animated">
								<img src="https://scontent-mxp1-1.cdninstagram.com/v/t51.2885-15/sh0.08/e35/s750x750/80461131_2860685980892103_3680681690267951802_n.jpg?_nc_ht=scontent-mxp1-1.cdninstagram.com&_nc_cat=103&_nc_ohc=Sq0cklBp7mgAX94c6tj&oh=3cc50d40fefd1b4612c641d577924469&oe=5EC7BCD1" class="wp-post-image" alt="" />
								<span class="info circle">
									<span class="centrize full-width">
										<span class="vertical-center">
											<span class="icon fas fa-link"></span>
											<span class="desc">
												<span class="category">Art</span>
												<span class="name">#stariaatdtiys entry</span>
											</span>
										</span>
									</span>
								</span>
							</a>	
						</div>
					</div>

					<div class="box-item f-art">
						<div class="image">
							<a href="https://www.instagram.com/p/B7yxojyoEEL/" class="hover-animated">
								<img src="https://scontent-mxp1-1.cdninstagram.com/v/t51.2885-15/sh0.08/e35/s750x750/84223009_312309479726763_7644591983188340018_n.jpg?_nc_ht=scontent-mxp1-1.cdninstagram.com&_nc_cat=103&_nc_ohc=v-cr736PqrUAX_jxNMK&oh=31529e03ffef9b2ab275596894ee4072&oe=5EB7C06F" class="wp-post-image" alt="" />
								<span class="info circle">
									<span class="centrize full-width">
										<span class="vertical-center">
											<span class="icon fas fa-link"></span>
											<span class="desc">
												<span class="category">Art</span>
												<span class="name">Macintosh 36th Anniversary Tribute</span>
											</span>
										</span>
									</span>
								</span>
							</a>	
						</div>
					</div>
					
					<div class="box-item f-photos">
						<div class="image">
							<a href="https://www.instagram.com/p/B7dy4X7ocTl/" class="hover-animated">
								<img src="https://scontent-mxp1-1.cdninstagram.com/v/t51.2885-15/e35/80528936_2515523408767259_2532340060109347359_n.jpg?_nc_ht=scontent-mxp1-1.cdninstagram.com&_nc_cat=111&_nc_ohc=5frLWHKgAMkAX8KaVjF&oh=bd0689462747dc926cbd12ddb2422c99&oe=5EB864A0" class="wp-post-image" alt="" />
								<span class="info circle">
									<span class="centrize full-width">
										<span class="vertical-center">
											<span class="icon fas fa-link"></span>
											<span class="desc">
												<span class="category">Photos</span>
												<span class="name">Snowy mountains</span>
											</span>
										</span>
									</span>
								</span>
							</a>	
						</div>
					</div>
					
					<div class="box-item f-games">
						<div class="image">
							<a href="games/bubbleknife" class="hover-animated">
								<img src="img/bk_alpha.png" class="wp-post-image" alt="" />
								<span class="info circle">
									<span class="centrize full-width">
										<span class="vertical-center">
											<span class="icon fas fa-link"></span>
											<span class="desc">
												<span class="category">Games</span>
												<span class="name">Bubble Knife Alpha (Cancelled)</span>
											</span>
										</span>
									</span>
								</span>
							</a>	
						</div>
					</div>

					<div class="box-item f-games">
						<div class="image">
							<a href="projects/redribbon" class="hover-animated">
								<img src="img/temp_prev.png" class="wp-post-image" alt="" />
								<span class="info circle">
									<span class="centrize full-width">
										<span class="vertical-center">
											<span class="icon fas fa-link"></span>
											<span class="desc">
												<span class="category">Games</span>
												<span class="name">Project Red Ribbon</span>
											</span>
										</span>
									</span>
								</span>
							</a>	
						</div>
					</div>

					<div class="box-item f-mockups">
						<div class="image">
							<a href="projects/dreamos" class="hover-animated">
								<img src="img/dreamosmockup.png" class="wp-post-image" alt="" />
								<span class="info circle">
									<span class="centrize full-width">
										<span class="vertical-center">
											<span class="icon fas fa-link"></span>
											<span class="desc">
												<span class="category">Mockups</span>
												<span class="name">dreamOS</span>
											</span>
										</span>
									</span>
								</span>
							</a>	
						</div>
					</div>

					<div class="box-item f-other">
						<div class="image">
							<a href="projects/dreamsounds" class="hover-animated">
								<img src="img/dsharmony.png" class="wp-post-image" alt="" />
								<span class="info circle">
									<span class="centrize full-width">
										<span class="vertical-center">
											<span class="icon fas fa-link"></span>
											<span class="desc">
												<span class="category">Other</span>
												<span class="name">Dream Sounds "Harmony"</span>
											</span>
										</span>
									</span>
								</span>
							</a>	
						</div>
					</div>

				</div>

				<div class="clear"></div>
			</div>
		</div>	

		<div class="section custom-text" id="section-custom-text">
			<div class="content">
				
				<!-- clients items -->
				<div class="content-box">
					<div class="single-post-text">
						<p>
							Can't find what you're looking for? Check out my social links.
						</p>
					</div>
				</div>
				
				<div class="clear"></div>
			</div>
		</div>

	</div>
{{ end }}
{{ partial "footer.html" . }}

This pasted code block is not enough.
We need to see the full context of the template, so you need to share the project.

With that said something is wrong in your pasted code block.
Everything contained within the range .Site.RegularPages has nothing to do with Hugo.
All I am seeing is some hard coded HTML and several Instagram photos.

Click here to download the project.

This is may be organized as a Hugo project but in reality it is something else.

The content folder is empty and the index contains hardcoded HTML that has nothing to do with Hugo templates

To render the content of the homepage remove {{ range .Site.RegularPages }} and its corresponding {{ end }} towards the end of the index.html template.

With that said, this issue will be closed in 3 hours since it is basically OT.

May I suggest that you go through the Quick Start Guide and the rest of the Docs.

This topic was automatically closed after 3 hours. New replies are no longer allowed.