Giter VIP home page Giter VIP logo

avicenna's Introduction

Avicenna Theme

A minimal academic page for academics!

FOR THE DEMO, PLEASE SEE THE LINK BELOW Screenshot

Features

  • Minimal, Responsive, and Clean
  • ๐Ÿ†• Supports Blog Posts
  • ๐Ÿ†• Supports News Feed
  • Supports Google Analytics
  • Supports Social Links
  • Supports Publications Listing
  • Supports Projects Listing

How to use Avicenna?

To use Avicenna, you need to follow three steps:

  1. Setup a site with Avicenna
  2. Customize the site to your needs
  3. Build your site and deploy it to your host

The following sections are based on the mentioned steps.

1. How to setup a site with Avicenna?

There are 2 ways to install Avicenna:

  1. The first one is just an automated script based on the second approach(recommended).
  2. The sedond one is a step-by-step approach.

1. Automated Script

In this approach, all you need is to replace the my_cool_page with your desired name in the following script:

wget https://raw.githubusercontent.com/hadisinaee/avicenna/master/setup_avicenna.sh && sh setup_avicenna.sh my_cool_page

Run the site:

hugo serve

Now, you should be able to see the site at http://localhost:1313

2. Step-by-Step Installation

Click to see!
  1. You need to install Hugo first!
  2. Create a new site and go to the directory:
# replace the `my_cool_page` with whatever you want!
hugo new site my_cool_page

# move to your project folder
cd my_cool_page
  1. Add the stable release of Avicenna (the master branch) to your themes folder:
git clone -b master [email protected]:hadisinaee/avicenna.git ./themes/avicenna
  1. Copy the sample site to your project:
cp -R themes/avicenna/exampleSite/* ./
  1. Run the site:
hugo serve

Now, you should be able to see the site at http://localhost:1313

2. How to Customize Avicenna?

Start With the config.toml

You can start the customization with the config.toml file. It's located a the root of your project. In this file, you can set your name, your website URL, googleAnalytics id, etc.

Adding Your Profile Picture, CV, and Favicon

There is a folder named static under the root of your site's folder. Its structure is as follows:

static_folder

  • Profile Picture: Simply replace profile.png with your profile file. Please use the same name and extenstion, e.g. profile.png. It doesn't work if you use another name or extension.
  • CV: You need to put your CV directly under static folder. I recommend you to use the name cv.pdf for your CV file. Also, if you wanted to use another file name, you would need to change it in your introduction. See Introduction Section.
  • Favicon: It has the same procedure as your profile picture.

Content

All files and folders that you need to modify lies in the content folder. The folder should look like this

the content folder structure

Avicenna theme has three different sections: Introduction, Publications, and Projects. Based on the previous figure, you might have an intuition where you should modify. However, there are some details that I have to provide.

Introduction Section

Introduction section is where you put details about yourself, such as your name, profile, interests, etc. To modify the introduction section, you need to edit the content/about/_index.md file.

Publications Section

All your publications are stored in content/publications. To create a new publication:

hugo new publications/your-pub-name.md

If was successful, you would see a message similar to the following:

YOUR_PROJECT_PATH/content/publications/your-pub-name.md

To edit the file, go to content/publications and then find your your-pub-name.md file and change it.

Project Section

All your projects are stored in content/projects. To create a new project:

hugo new projects/your-project-name.md

If was successful, you would see a message similar to the following:

YOUR_PROJECT_PATH/content/projects/your-project-name.md

To edit the file, go to content/projects and then find your your-project-name.md file and change it.

3. How to Deploy Avicenna?

  1. Make sure you have changed your baseURL in the config.toml file. It should be the address you want to deploy Avicenna on.
  2. Run hugo in the root of your project. The result will be in the public folder in the root of your project.
  3. Copy public folder and move it your host server.

Credits

avicenna's People

Contributors

antoineprv avatar g8a9 avatar hadisinaee avatar rawandkurdy avatar wamuir avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

avicenna's Issues

Disable Publications

Is there a way to disable the Publications part of the page without editing the html files manually? I've removed all the params related to Publications but the "Publications" title is still there.

Thanks for the theme, love it!

integrating a blog into theme

Does the theme have to be a single page one?
How would I go about making separate pages for each of my projects (similar to ezhil).

Theme demo broken on Hugo Themes Showcase

Hello @hadisinaee

Your recent commit acab255 broke your theme's demo on the Hugo website.

To fix please change line 5 of layouts/partials/projects.html to {{- range $index, $projects_map := $.Site.Params.projects -}} basically since you wrapped everything in with you need the $ dollar sign to access .Site.Params.projects from the partial.

Once you do the above feel free to close this issue.

Also note that once gohugoio/hugoThemes#668 is addressed you will need to keep an eye on whether the Avicenna theme demo generates on the Hugo website.

We are a very small team and we just cannot keep up opening issues in the various theme repositories. Whenever a theme demo breaks and remains broken then at some point it will be removed from the list without prior warning.

Thank you.

cc: @digitalcraftsman

ref: gohugoio/hugoThemes#669

Affiliations spacing breaks on page refresh (Safari only)

Thanks for a great theme! Wanted to share a small issue showing up on Safari as well as a workaround.

If you load the demo page on Safari, it renders correctly:

First page load

However, if I simply refresh the page, the layout gets broken:

Post refresh

This issue doesn't show up on Firefox or Chrome, as far as I can tell. As a workaround, I can add min-width: 1px;to static/css/style.css and this problem is fixed. However, I don't know anything about web development, so I'm not sure this is really a "correct" solution to this problem. Cheers!

About the Change of Color and Fonts After Deploying

Hello,

When I deployed the theme with running hugo, the colors and fonts changed in index.html (e.g. instead of red, some parts turn blue, and some turn black.). However, the color codes and fonts which are defined in the .css are the same as in the sample site.

What could be the reason for this?

Thanks in advance. :)

Change in background color?

Hi, I am using this theme as my student website at the University. Can we change the background color from white to grey by any chance??

Thanks in advance!!

Is it possible to add a navigation button?

THis is a very nice site, and simple as well as pleasing. I wonder if it would be possible to also have a navigation button for Publications, Teaching, Seminars, etc so that the reader can easily locate things of interest to him/her on the webpage. I do agree that your webpage is minimal enough, but making life easier anyway would always be better? Thanks for sharing your theme!

stylesheet - bad reference

Hello,

it seems that the baseUrl is prefixed to css and js stylesheet files in index.html.

For github depoyment at least, this causes css and js not to load properly. I removed the baseUrl by hand and now, this is alright. Would be nice to fix that in the theme.

	<link rel="stylesheet" type="text/css" media="screen" href="<baseUrl>css/normalize.css" />
	<link rel="stylesheet" type="text/css" media="screen" href="<baseUrl>css/main.css"/>

	<script src="<baseUrl>js/feather.min.js"></script><script src="<baseUrl>js/main.js"></script>

Thanks in advance!

Add `data_link` [FR]

Hello,

thanks for the great page. This is exactly what I was looking for.

Would it possible to add a params data_link equivalent to code_link, blog_link but for data access? I tried with data_link but it does not seem to be supported. That would be super nice.

Thanks in advance,

Cyril

Social icons not showing

Hello,

Thank you for providing this simple, clean personal page template.
I'm not an expert in web development, and this is the first time I am using Hugo.

In the default template, without making changes, the config contains:

[[params.social]]
  name = "GitHub"
  icon = "github"
  url = "https://github.com/hadisinaee"

[[params.social]]
  name = "Twitter"
  icon = "twitter"
  url = "https://twitter.com/hadisinaee"

[[params.social]]
  name = "LinkedIn"
  icon = "linkedin"
  url = "https://linkedin.com/in/hadisinaee/"

However, when serving the website, only the Github icon is showing.

I believe the excepted behaviour should be similar to the screenshot

Thank you again for your time.

Rewriting homepage info into contents/_index.md

Hi!

I think this setup could be made portable if the homepage info which is written to config.toml be written instead to contents/_index.md (which is usually the case for most themes).

Or is there a possibility to make this optional? Thanks!

Feature request

Hi Author,

I really appreciate this Hugo theme, I wonder would it be possible for you to add a map features showing the

"the site visits and click demographics to our website across the globe"

Here is an example https://geyixiao.com

You can see the map at the bottom.

And also, favicon seems not working.

Presentation sections

Hello,

I think it would be beneficial to have a Presentation section similar to the publication.
IMO in academia, researchers like to upload the slides to some their presentation and not all presentations are linked to a publication.

I will be working on this for myself (mostly a copy of publication), and I'll happily send a PR if you're interested.

Thank you for the project

need maintainer?

I'm very fond of your theme and truly hope this theme will be kept maintained!
Since it looks like you have little time to review issues and pull requests, I would like to do the job instead.

If it's okay with you, you're welcome to transfer this repository to me (I have some experience in creating hugo themes e.g. https://github.com/HelloRusk/HugoTeX )

Add other social icons

Hi Is it possible to have other social icons added? Like Researchgate and Google Scholar?

space before trailing slash

Caught a bug in your template that makes rendering fail for my server:
in themes/avicenna/layouts/partials/header.html line 30,
I changed
30: <link rel="stylesheet" type="text/css" media="screen" href={{ "css/main.css" | absURL }}/>
to
30: <link rel="stylesheet" type="text/css" media="screen" href={{ "css/main.css" | absURL }} />
and it worked.

I guess it is not a problem for modern server, but it still takes me a while when I try to publish a personal website on my school's server.
c.f. https://stackoverflow.com/questions/462741/space-before-closing-slash

btw thanks for the template!

Unsure how to create blog page

I'm still working with this to build a draft page before deploying but on my current setup, my blog goes to example.com/notes. It's easy enough, I think, to change the link in Avicenna to use [notes] over [blog]. But when I build the website using server, the notes pages is empty. Do I need to add a distinct HTML file in _default or partials?

My knowledge of this stuff is mediocre but I'm eager to figure this out. Thanks in advance to anyone who has advice.

languageCode is not valid

Hi.
Thanks for building so wonderful theme, and I make full use of it.

As described in sample configuration, languageCode can be specified like

languageCode = "en-us"

However this doesn't have an effect on the actual site.

Provide an icon support site

Hi,

I like the theme very much, and I am trying to build my own personalized blog recently. However, I encountered a problem. I added a new social networking site to introduction.html, but the corresponding icon could not be displayed in the webpage preview. I learned in a question that the theme of Avicenna is based on feathericons, and the new icon I use is based on iconfont. I don't know how to add new icons.

Add collaborators/authors in project

Hello,

thanks again for the great theme!

It seems that authors/collaborators are not supported params for a project. Although, this seems to be a relatively standard feature right? Would it be possible to add it ?

Thanks!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.