quicksilver
Pomegranate
Um modelo gratuito, simples, (principalmente) de design de material para a web.
Veja demonstração
Todos?
Primeiro, faça o download do lançamento mais recente diretamente do GitHub.
Você receberá vários arquivos. As coisas com as quais você deseja se preocupar são index.html e duas pastas: /json e /imagens.
Jogue uma imagem quadrada sua, seu logotipo, qualquer que seja, dentro /imagens. Em index.html, edite o valor SRC para perfilImage para apontar para essa imagem de perfil.
Substitua "seu nome" por ... seu nome.
Substitua a pequena descrição sob isso por alguma descrição sobre você.
Em seguida, um pouco mais baixo, fique à vontade para alterar a primeira categorytext com qualquer tipo de trabalho que você se especialize. Ou você pode deixá -lo como é. Não faz diferença para mim.
Edite o valor HREF do botão de contato. Deve ser igual a href = "Mailto: [seu endereço de e -mail]".
Também muito importante no index.html será o metadado. Dentro da etiqueta da cabeça, edite o conteúdo fictício nas metatags com dados reais.
Adicione um favicon do realfavicongenerator.net.
Depois disso, abra a pasta /json e dê uma olhada no links.json. Deve ser bastante direto, mas aqui está uma pequena explicação: 'Nome' é o texto real que será exibido para esse link específico. 'Color' é a cor do ícone que estará ao lado do seu texto. 'Icon' é o nome do ícone de materialDesignicons.com. Certifique-se de obter a ortografia correta para o ícone (você não precisa da parte 'mdi-', o script adiciona automaticamente isso). URL é ... o URL.
Depois de editar o arquivo links.json, você está pronto para passar para o items.json. Isso é bem parecido com o arquivo links.json. Algumas coisas a serem observadas, no entanto. Primeiro, você precisará fornecer uma imagem para cada item. Segundo, você deve ter todas as referidas imagens correspondem às dimensões exatas. Eu sugiro 1920x1080. Se for 1920x1081, as coisas quebram. É apenas uma restrição da estrutura MaterializeCSS que estamos usando.
Se você precisar excluir ou adicionar um link ou item de trabalho ao seu novo site da QuickSilver, é super fácil, graças à implementação do JSON.
Depois de sentir que seu site está pronto para atingir a produção, pressione o botão (figurativo) de upload!
Para Changelogs, consulte a seção de lançamentos do Quicksilver
Simplesmente bifurcar, faça suas alterações/contribuições e crie uma solicitação de tração!
Obrigado ao Lumiq Creative por sugestões de design e à imagem de fantasia!
